Warning! Some site fuctions are not available until you log in. Registration is free! Sign Up Now. 



Tiger Team Solutions Website Design Forum
Forum:    Register  |  Forum Home  |  FAQ  |  Search  |  Profile  |  Log in to check your private messages  |  Log in
Online Marketing Software  Free Gift  Hosting
Basic HTML Code

 
Post new topic   Reply to topic    Website Design Forum Index -> Website Design Tutorials
View previous topic :: View next topic  
Author Message
bsmith
Graphics Guru
Graphics Guru


Joined: 19 Jun 2007
Posts: 674
Location: Arkansas, USA

PostPosted: Mon Feb 04, 2008 3:17 pm    Post subject: Basic HTML Code

Here is the code for a basic HTML page:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>Basic HTML Document</title>
    </head>
    <body>
        <p>Look at me, I'm coding in html...<p>
        <br>
        <p>This is my second paragraph!<p>
    </body>
</html>


It breaks down like this:

tag: doctype (this tells the browser at what coding standards you are coding the rest of the page. For more on doctypes see this link.)

tag: html (wraps everything except doctype)

tag: head (this holds more information for the browser; javascripts, css, page titles, etc.)

tag: title (this is what shows at the very top of the page and helps when indexing your page elsewhere)

tag: body (this hold the body of your website, it's that simple)

The next few are not part of the required code for a page, but are used in this example to format the content.

tag: paragraph (this defines your paragraphs)

tag: linebreak (you can see this between the two paragraphs in the example above... it defines a forced line break between items)

You will notice that all of the tags in the example have an opening tag
Code:
<html>

and a closing tag
Code:
</html>


Most tags DO need to be closed. A few examples of tags that do not are:
Code:
<br> & <hr>

Line break and horizontal rule

This is really basic, but we needed to start somewhere and as we progress make sure everyone is up to speed... So I hope this helps.
_________________
- Brian
"Worry is a misuse of imagination"
Back to top
TigerBot
Tiger Member


Joined: 19 Jun 2007




PostPosted: Mon Feb 04, 2008 3:17 pm    Post subject: Sponsored Advertisement




_________________
TigerBot
Back to top
maryjones
Tiger Member
Tiger Member


Joined: 04 Dec 2007
Posts: 57

PostPosted: Mon Mar 03, 2008 11:20 am    Post subject:

What does it mean to "wrap" everything? Such as in the following statement?
tag: html (wraps everything except doctype)

I would also like to know if there is a list of basic html codes used for formatting content, such as some of what you've already shown here, <p>, <br>? I have a very basic list, but is there a list on line where I could get more info?

Also, how do I know what doctype is being used? and would that effect my basic codes I'm asking about? Confused
_________________
mary jones
business directory
Back to top
maryjones
Tiger Member
Tiger Member


Joined: 04 Dec 2007
Posts: 57

PostPosted: Mon Mar 03, 2008 11:40 am    Post subject:

Also, along these same lines, I would like for you to look at a listing I have on my website, here's the link:

http://www.services-directory.com/index.php?option=com_sobi2&sobi2Task=sobi2Details&catid=0&sobi2Id=830&Itemid=9999999

question 1
You'll notice the list of office machines and the lines of the other paragraphs are very crowded, but if I use the code <br>, it almost puts too much room between the lines. So is there a code that controls how much space such as single, double, etc. is placed in between the lines?

quetion 2
And on my Joomla website there is a place specifically for customer logo's, that space is so small, you sometimes can't see the logo. Can I enlarge the acceptable amount of px's allowed?
_________________
mary jones
business directory
Back to top
bsmith
Graphics Guru
Graphics Guru


Joined: 19 Jun 2007
Posts: 674
Location: Arkansas, USA

PostPosted: Wed Mar 05, 2008 1:26 pm    Post subject:

maryjones wrote:
What does it mean to "wrap" everything? Such as in the following statement?
tag: html (wraps everything except doctype)


the term "wrap" is in reference to the tag having a starting action before something and an ending action after it. Say for example you wanted to bold something with the strong tag. You would open the strong tag before the text you want to bold... and close the tag after the text you wanted to bold... thus "wrapping" the strong tag around that line of text.

maryjones wrote:

I would also like to know if there is a list of basic html codes used for formatting content, such as some of what you've already shown here, <p>, <br>? I have a very basic list, but is there a list on line where I could get more info?


You can start here:
http://htmlhelp.com/reference/wilbur/list.html

maryjones wrote:

Also, how do I know what doctype is being used? and would that effect my basic codes I'm asking about? Confused


You would need to view the source code to see what doctype is being used. And yes a doctype can directly effect the display of your code.

On that note however, we have installed the correct doctype on your site for the software your site currently runs one... and thus it is really nothing you have to worry too much about.

If you want more information on doctypes, you can try here:
http://www.alistapart.com/articles/doctype/
_________________
- Brian
"Worry is a misuse of imagination"
Back to top
bsmith
Graphics Guru
Graphics Guru


Joined: 19 Jun 2007
Posts: 674
Location: Arkansas, USA

PostPosted: Wed Mar 05, 2008 1:31 pm    Post subject:

maryjones wrote:
question 1
You'll notice the list of office machines and the lines of the other paragraphs are very crowded, but if I use the code <br>, it almost puts too much room between the lines. So is there a code that controls how much space such as single, double, etc. is placed in between the lines?


This is probably already assigned in your styleheet. However you can use an inline style like this:
Code:
<span style="line-height: 120%;">your current paragraph(s) here</span>


See if that helps.

maryjones wrote:

quetion 2
And on my Joomla website there is a place specifically for customer logo's, that space is so small, you sometimes can't see the logo. Can I enlarge the acceptable amount of px's allowed?


This is most likely defined in the admin somewhere. I would have to look at the settings to give you a better answer.
_________________
- Brian
"Worry is a misuse of imagination"
Back to top
maryjones
Tiger Member
Tiger Member


Joined: 04 Dec 2007
Posts: 57

PostPosted: Wed Mar 05, 2008 10:15 pm    Post subject:

Thank you Brian! I saved these to my Favorites too! I've started a HTML file for notes too and this went into there. I'm trying to absorb as much as I can! Thank you for all your help!
_________________
mary jones
business directory
Back to top
Display posts from previous:   
Post new topic   Reply to topic    Website Design Forum Index -> Website Design Tutorials All times are GMT - 6 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB © 2001, 2005 phpBB Group
Web Design © 2007 Tiger Team Solutions, LLC