Web Design - Body Section

By CRAIG KUNCE

<body></body>

The body holds the content of your web page. This is where you add the viewable content to your web page (words, photos, art, lines, frames, etc.).

Inside the body of your web page sits chunks of code that when grouped together are called block elements.

 

Examples of body-level block elements can be:

<div></div>

The div tag defines a part of your web page—short for 'division.' These tags define the various sized rectangles that make up each page. These are your building blocks.

 

<h1></h1>

Headings to highlight the beginning of an article.

 

<p></p>

Paragraphs or a chunk of body copy should be enclosed in a paragraph tag.

 

<ol></ol> <ul></ul> <li></li>

Lists. Ordered (numbered), unordered (bulleted) lists, and list items help to organize lists of information—like a shopping list.

 

<table></table>

This refers to a basic table you se on web pages that can organize and display statistics and data.

 

Examples of body-level text elements can be:

<strong></strong>

This makes type bold, like the headline above.

<p><strong>Examples of body-level block elements can be:</strong></p>

 

<u></u>

This underlines your type, like this line.

<p><u>This underlines your type, like this line.</u></p>

 

<br>

This forces a line
break, like this line.

<p>This forces a line<br> break, like this line.</p>