Code Examples

Headings
Paragraphs
Unordered List
Ordered List
Link to another web page
Placing an image on your page
Linking an image on the Internet
Line break
Bold or Italic
Creating a table

Example of opening and closing tags...

<b>This Text is Bold</b>
^^^--Opening Tag    ^^^^--Closing Tag







Example of headings...

This is a heading size 1 [h1]

<h1>This is a heading size 1</h1>

This is a heading size 2 [h2]

<h2>This is a heading size 2</h2>

This is a heading size 3 [h3]

<h3>This is a heading size 3</h3>


BACK TO TOP OF PAGE







Example of a paragraph... [p]

Paragraph text goes here. Paragraph text goes here. Paragraph text goes here. Paragraph text goes here. Paragraph text goes here. Paragraph text goes here. Paragraph text goes here. Paragraph text goes here. Paragraph text goes here. Paragraph text goes here. Paragraph text goes here. Paragraph text goes here.

<p>Paragraph text goes here. Paragraph text goes here. Paragraph text goes here. Paragraph text goes here. Paragraph text goes here. Paragraph text goes here. Paragraph text goes here. Paragraph text goes here. Paragraph text goes here. Paragraph text goes here.</p>


BACK TO TOP OF PAGE







Example of an unordered list...[ul]

Unordered list item tags <li></li> need to be wrapped in <ul></ul> tags

<ul>
       <li>Unordered list item</li>
       <li>Unordered list item</li>
       <li>Unordered list item</li>
</ul>


BACK TO TOP OF PAGE







Example of an ordered list... [ol]

Ordered list item tags <li></li> need to be wrapped in <ol></ol> tags

  1. Ordered list item
  2. Ordered list item
  3. Ordered list item

<ol>
       <li>Ordered list item</li>
       <li>Ordered list item</li>
       <li>Ordered list item</li>
</ol>


BACK TO TOP OF PAGE







Example of a Link to another web page...

Link to Capital High School

<a href="http://chs.osd.wednet.edu">Link to Capital High School </a>


BACK TO TOP OF PAGE







Example of placing an image on your page...

<img src="media/staff/YOUR_LAST_NAME_HERE/picture.jpg" width="200" height="84" alt="Picture of Elvis"/>


BACK TO TOP OF PAGE







Example of linking to an image on the Internet...



<img src="http://www.elvis.com/images/elvis.jpg" width="205" height="165" alt="Picture of Elvis with his parents.">


BACK TO TOP OF PAGE







Example of a line break...

This is sentence number one.
This is sentence number two.
This is sentence number three.

This is sentence number one.<br />
This is sentence number two.<br />
This is sentence number three.


BACK TO TOP OF PAGE







Example of common codes...

BOLD
ITALIC

<strong>BOLD</strong>
<em>ITALIC</em>


BACK TO TOP OF PAGE







Example of a blockquote...

Blockquote is indented a bit. Blockquote is indented a bit. Blockquote is indented a bit. Blockquote is indented a bit. Blockquote is indented a bit. Blockquote is indented a bit. Blockquote is indented a bit. Blockquote is indented a bit. Blockquote is indented a bit. Blockquote is indented a bit.
<blockquote>Blockquote is indented a bit. Blockquote is indented a bit. Blockquote is indented a bit. Blockquote is indented a bit. Blockquote is indented a bit. Blockquote is indented a bit. Blockquote is indented a bit. Blockquote is indented a bit. Blockquote is indented a bit. Blockquote is indented a bit.</blockquote>

BACK TO TOP OF PAGE







Example of horizontal rule...




<hr / >


BACK TO TOP OF PAGE







Example of table code...

Cell A Cell B

<table border = "1">
<tr>
<td>
Cell A</td>
<td>
Cell B</td>
</tr>
</table>

BACK TO TOP OF PAGE