|
|
|
|
Html Tags Beginners Tutorials Web Design Courses How Make Pages Intstructions Making Website Development Sites
   
Lesson 1: Tags
Beginning and Ending Tags
Most html tags consist of a beginning tag and an ending tag. For example:
Notice the / in the second tag. All ending tags contain a /. This slash is very important, it tells the browser that what you wanted done has ended.
At the top of every html document before anything has been typed, put:
This signifies the start of your html document. At the end of your html document after everything has been typed, put:
This signifies the end of your html document. Notice the / in the second tag, always remember to put the / in the end tag, otherwise your page won't turn out right. Under comes this tag:
This tag doesn't affect what's on the page but you should get in the habit of putting it in. Below put this tag:
<br><br>Beside it type the name of your web page, for instance "Test Page". At the end of "Test Page" type this:<br><br>
Remember the / in the end tag So this is what it looks like:
Test Page
The tags designate what will appear in the titlebar at the top of the browser. <br><br>Below the TITLE tags goes the </HEAD> tag. Notice this is an end tag because it has this: /<br><br>Note: It doesn't matter whether your tags are in upper or lower case letters.The upper case letters and bold style in this tutorial are used for emphasis.<br><br>Putting Something On Your Web Page<br>Now let us get to putting something on your web page. These are the body tags:<br><br><BODY> </BODY><br><br>They enclose the part of your html document which will appear on your web page.Want to start your web page with a heading Here's the code:<br><br><H><br><br>The heading tag comes with numbers, <H1> to <H6>. The numbers beside the H tell the browser how large the letters are to be, with 1 being the largest and 6 the smallest. So what do your want your heading to say Lets suppose it's "Learning Html." Lets also have a sub-heading with smaller letters called "Step One". Here's what the html code looks like so far:<br><br><HTML><br><br><HEAD><br><TITLE> Test Page
Learning Html
Step One
Notice that the stuff which will be on your web page is in between the BODY tags. This is what it will look like on your web page:
Learning Html
Step One
Heading tags produce bold text and they will not allow other text to line up beside them. Well, they're headings aren't they
In the Center
If you want to center something on the webpage you use these tags:
The stuff enclosed between these tags will be centered on your web page. Continuing with our html example, here's what to do if you want just the larger heading centered:
Test Page
Learning Html
Step One
Notice that the beginning CENTER tag is placed before the tag and the CENTER end tag is placed after the . So the stuff between these tags is what will be centered. Here's the result:
Learning Html
Step One
If you wanted to center your smaller heading as well your html code would look like this:
Test Page
Learning Html Step One
See The CENTER end tag doesn't come until after the end tag for the second heading. This is how it would look on your web page:
Learning Html
Step One
Have you tried out what you learned so far No So what are you waiting for
Google News
Common Misspellings include alsot, aslo alwasy, alwyas adn, anbd anytying baceause, beacuse, becasue, beccause, becouse, becuase bedore, befoer, befor beggining, beggining, begining, beginnig beng betwen, bewteen inbetween, vetween continueing doccument emphsis endig eveyr everthing exemple, exmaple ahev, ahve, haev, hvae, hvea htere importamt instatance jstu larg largst liek, liuke anme, naem, nmae nto, onot munbers nother, otehr puting remeber shoudl, shoudln, sould signfies sose strat sylte, stlye, sytle supose taht, tath, thast, thgat, thta, thyat hten, tghe, ther, thge, tjhe theese htey, tehy, tyhe htis, thsi, tihs tutle tired untill uise unsed veyr, vrey, vyer, vyre wanna, watn, whant, wnat wnated vell waht, whta whther hwihc, whcih, whic, whihc, whlch, wich iwll, wille, wiull owudl, woudl
HTML Made Easy Favicon Settings Creative Web Design Html Tags for Beginners Html Made Easy!!! Using white as Background color Website Web Design Darwin Flash Navigation MySpace Navigation Bar Generator 3D Textgenerator Free website counter Understanding php
|
|
|
|
