Example Website
Color Codes
Table Tags
What is HTML?
| HTML is the acronym for HyperText Markup Language The language is made up of a set of codes and symbols that will generate:
Two common ways to start your website are either:
|
Color Codes
Example This Sheet Stadion Table Tag<!---Webpage starts here -->
<html>
<head>
<title>All About HTML</title>
</head>
<!---Content starts here -->
<body bgcolor= "#808080">
<body text="#ffffff">
<a href="#color">Color Codes</a>
<br />
<a href="#table">Table Tags</a>
<h1 align="center"> What is HTML?</h1>
<!---Your first table starts here -->
<table border="1">
<td width="1000">
<p><b>HTML is the acronym for HyperText Markup Language </b></p>
<i>The language is made up of a set of codes and symbols that will generate:</i>
<ul>
<li> text, </li>
<li> images,</li>
<li> sounds,</li>
<li> frames </li>
<li> animation on your browser pages. </li>
</ul>
<br />
Two common ways to start your website are either:
<ol>
<li><u>to create your own codes in a simple text editor and save them as a .htm file. or </u></li>
<li><u>use a HTML generator software.</u></li>
</ol>
</td>
</table>
<!---Your first table ends here -->
<h2>Color Codes</h2>
<!---Your second table starts here -->
<table border="0">
<td width="500">
<img src = http://www.theodora.com/gif4/html_colors.gif vspace="10" hspace="10" alt="Hexadecimal Color Codes">
<a name="color">
<td align="right" valign="top">
<p>You can use Hexadecimal Color Codes provided by Theodora to create your own website atmosphere. </p>More text can be added here. <p>More text can be added here.</p>More text can be added here.<p>More text can be added here.</p>More text can be added here.</p>
</td>
</td>
</table>
<!---Your second table ends here -->
<a name="table">
<h2>Table tags</h2>
This section will give you more details about table tags
<p>
<!---Your third table starts here -->
<table border="2" bordercolor="#ffffff" cellpadding="1" cellspacing="2" width="70%" valign="middle" align="center">
<th width="100%" colspan="3" bgcolor="red">Heading</th><tr>
<td colspan="3" height="50" align="center">
This is another part of the content
</td>
</tr>
<tr>
<td align="center" bgcolor="red"><i>Column 1</i></td><td align="center" bgcolor="red"><i>Column 2</i></td><td align="center" bgcolor="red"><i>Column 3</i></td></tr>
<tr>
<td rowspan="4" width="33%" align="center" bgcolor="red"> Cell Spanning in 3 Rows (2nd and 3rd merged)</td>
<td rowspan="3" width="33%" align="center" bgcolor="red"> Cell Spanning in 2 Rows (1st and 2nd Cell merged)</td>
<td width="33%" align="center" bgcolor="red">1st Cell</td>
</tr>
<td width="33%" align="center" bgcolor="red">2nd Cell</td>
</tr>
<tr>
<td width="33%" align="center" bgcolor="red">3rd Cell</td>
</tr>
<tr>
<td width="33%" align="center" bgcolor="red">3rd Cell</td><td width="33%" align="center" bgcolor="red"> 4th Cell</td>
</tr>
</table>
<!---Your third table ends here -->
</body>
<!---Content ends here -->
</html>
<!---Webpage ends here -->
Table tags
This section will give you more details about table tags | Heading | ||
|---|---|---|
This is another part of the content | ||
| Column 1 | Column 2 | Column 3 |
| Cell Spanning in 3 Rows (2nd and 3rd merged) | Cell Spanning in 2 Rows (1st and 2nd Cell merged) | 1st Cell |
| 2nd Cell | ||
Comments