XHTML Basic Code Samples

Headings
Paragraphs
Unordered List
Ordered List
Link to another web page
Placing an image on your page

More XHTML Code Samples

Linking an image on the Internet
Line break
Bold or Italic
Blockquote
Creating a table












Example of opening and closing XHTML 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
Cell C Cell D

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


BACK TO TOP OF PAGE