TAG |
DESCRIPTION |
WHAT YOU SEE ON THE SCREEN |
CODE VIEW |
<p> </p>
|
paragraph
Paragraph tags will create space above and below the line of text.
Each paragraph needs an opening <p> and closing </p> tag.
|
This is a paragraph.
This is another paragraph.
|
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
|
<br />
|
break
Break tags create one line break between lines of text.
A break tag does not come in pairs. Instead, the closing forward-slash is within the tag. (Note the space between the "br" and the forward-slash.)
|
This is a paragraph.
This is a line break.
|
<p>This is a paragraph.<br />
This is a line break.</p>
|
<p class=" "> </p>
|
paragraph with attribute
To add a font style, insert class="font_style" in the <p> tag
|
This is a bold paragraph.
|
<p class="font_bold">This is a bold paragraph.</p>
|
<span> </span>
|
span
To give parts of the text a style without changing the entire paragraph, use <span></span> around the specific text.
|
This is a bold word in a paragraph.
|
<p>This is a <span class="font_bold">bold word</span>
in a paragraph.</p>
|
<div> </div>
|
div
<div> is a generic tag that is used to apply a style to a particular section of HTML code.
|
This paragraph has a 15 pixel margin on the left.
So does this one.
|
<div class="margin_left_15">
<p>This paragraph has a 15 pixel margin on the left.</p>
<p>So does this one.</p>
</div>
|
<a href="#"> </a>
|
link tag
Creates the hyperlink to jump a person to a new page.
|
link to WorldVacations.
|
link to <a href="http://www.nwaworldvacations.com"> WorldVacations</a>.
|
<a href="#" target="_blank"> </a>
|
link tag to open a new window
Use when the link goes to a different site (like nwa.com)
|
link to nwa.com.
|
link to <a href="http://www.nwa.com" target="_blank">nwa.com</a>.
|
<ul>
<li> </li>
</ul>
|
unordered (bulleted) list
Use for lists.
<ul></ul> specifies the start and end of a list of items. <li></li> contains each individual item in the list.
|
|
<ul>
<li>Apples</li>
<li>Oranges</li>
<li>Bananas</li>
</ul>
|
<!-- -->
|
comment tags
Comment tags are used to add comments or explanations in the code, or to hide code from being viewable in the browser. Anything within the opening <!-- and the closing --> tags will not display
|
|
<!--
Hide this comment from the browser
-->
|
<table>
<tr>
<td> </td>
</tr>
</table>
|
table
Table tags create grids made up of rows and columns.
Within the <table> tags, tables require table rows <tr> and table data <td> tags
|
row 1,
cell 1 |
row 1,
cell 2 |
row 2,
cell 1 |
row 2,
cell 2 |
|
<table border="1" cellpadding="2">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
|
|
non-breaking space
This isn't a tag, but a non-breaking space will insert extra space when necessary. Table cells need something to be in them, so insert a non-breaking space if you need a blank table cell.
|
row 1,
cell 1 |
|
row 2,
cell 1 |
row 2,
cell 2 |
|
<table border="1" cellpadding="2">
<tr>
<td>row 1, cell 1</td>
<td> </td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
|