Body tag and seven basic HTML Tags

By · Leave a Comment

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]

 

About the Author

Paul Flyer loves to research the web and find resources and tools for building, maintaining and promoting websites. Based in Saint Louis, MO, he works in management and spends his free time sharpening his web development and copy writing skills. Feel free to contact Paul with any questions, comments or ideas. He is also available to help you with your own website.

Visit Paul Flyer's Website