Web Tool Review Blog

Body tag and seven basic HTML Tags


by Paul Flyer

Within the body of a webpage, there are seven basic tags. In fact, you could get away with only using these seven tags. A note for beginners: it really can be this simple. A few basic tags and you can create complete web pages.

<div> used to DIVide a web page into sections. DIVs are controlled by Cascading style sheets to define the layout of a webpage.

<p> Paragraph tag. This tag places a line break above and below the enclosed text.

<a> Anchor tag. Identifies a hyperlink.

<img> Image tag. Retrieves an image to be displayed.

<ul> Unordered list. Marks the beginning and end of a list.

<ol> Ordered list. Marks the beginning and end of a list that is numbered.

<li> List item. Used within unordered and ordered lists. Items enclosed within this tag appear as line items within the list.

Below is an example of a webpage using only these tags:

<body>
<div>
<p>Lorem ipsum dolor sit amet consectetuer platea sociis sed sed Nulla. Pellentesque mauris sem et Curabitur nulla ac tellus id lorem interdum. Dolor <a href=”http://www.recommendedwebtools.com”>Quisque</a> lacus Curabitur a est est enim interdum vitae tincidunt. Gravida consequat pellentesque interdum turpis Sed libero laoreet a Aenean Duis. Semper amet nibh Sed Lorem Suspendisse sit semper tellus tempor et. Id tempus Pellentesque.</p>

<p>
<img
src=”http://www.recommendedwebtools.com/
rwt/images/posts/clickgenerate.png”
alt=”Test Image” />
</p>

<ul>
<li>Item #1</li>
<li>Item #2</li>
<li>Item #3</li>
</ul>

<ol>
<li>Item #1</li>
<li>Item #2</li>
<li>Item #3</li>
</ol>

</div>
</body>

The above code will produce the following:

Lorem ipsum dolor sit amet consectetuer platea sociis sed sed Nulla. Pellentesque mauris sem et Curabitur nulla ac tellus id lorem interdum. Dolor Quisque lacus Curabitur a est est enim interdum vitae tincidunt. Gravida consequat pellentesque interdum turpis Sed libero laoreet a Aenean Duis. Semper amet nibh Sed Lorem Suspendisse sit semper tellus tempor et. Id tempus Pellentesque.

Test Image

  • Item #1
  • Item #2
  • Item #3
  1. Item #1
  2. Item #2
  3. Item #3

For further help with HTML, check out our recommended HTML Tutorials.

[tags]html, webdesign, body, p, li, ul, ol, div,img, a[/tags]

10.03.2006 @ 3:25 PM — Filed under:

Be sure to review our list of recommended web tools.

TrackBack this entry

Leave a comment

Note: All comments are moderated. It may take 24-72 hrs for your comment to appear.