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.
![]()
- Item #1
- Item #2
- Item #3
- Item #1
- Item #2
- 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]
Be sure to review our list of recommended web tools.



