XHTML Basic Code Samples
Headings
Paragraphs
Unordered List
Ordered List
Link to another web page
Connecting to an uploaded file
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
Adding sound
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>
RESOURCE: www.w3schools.com
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>
RESOURCE: www.w3schools.com
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
- Unordered list item
- Unordered list item
- Unordered list item
<ul>
<li>Unordered list item</li>
<li>Unordered list item</li>
<li>Unordered list item</li>
</ul>
RESOURCE: www.w3schools.com
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
- Ordered list item
- Ordered list item
- Ordered list item
<ol>
<li>Ordered list item</li>
<li>Ordered list item</li>
<li>Ordered list item</li>
</ol>
RESOURCE: www.w3schools.com
BACK TO TOP OF PAGE
Example of a Link to another web page...
<a href="http://chs.osd.wednet.edu">Link to Capital High School </a>
RESOURCE: www.w3schools.com
BACK TO TOP OF PAGE
Example of a Link to an uploaded file...
Web Planning Document (Word Format)
<a href="/media/capital/staff/YOUR_LAST_NAME_HERE/planning.doc">Web Planning Document (Word Format) </a>
RESOURCE: www.w3schools.com
BACK TO TOP OF PAGE
Example of placing an image on your page...
<img src="/media/capital/staff/YOUR_LAST_NAME_HERE/picture.jpg" width="200" height="84" alt="Picture of Elvis"/>
RESOURCE: www.w3schools.com
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.">
RESOURCE: www.w3schools.com
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.
RESOURCE: www.w3schools.com
BACK TO TOP OF PAGE
Example of common codes...
BOLD
ITALIC
<strong>BOLD</strong>
<em>ITALIC</em>
RESOURCE: www.w3schools.com
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>
RESOURCE: www.w3schools.com
BACK TO TOP OF PAGE
Example of horizontal rule...
<hr / >
RESOURCE: www.w3schools.com
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>
RESOURCE: www.w3schools.com
BACK TO TOP OF PAGE
Example of sound embeded...
<embed src="/media/capital/teachers/web/audio/sample.mp3"
autostart=false loop=false width=125 height=15
align="center">
</embed>
RESOURCE: www.w3schools.com
BACK TO TOP OF PAGE