Example Website




All About HTML





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:
  • text,
  • images,
  • sounds,
  • frames
  • animation on your browser pages.


Two common ways to start your website are either:
  1. to create your own codes in a simple text editor and save them as a .htm file. or
  2. use a HTML generator software.


Color Codes




Hexadecimal Color Codes


You can use Hexadecimal Color Codes provided by Theodora to create your own website atmosphere.
More text can be added here. More text can be added here.
More text can be added here.More text can be added here.
More text can be added here.


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 1Column 2Column 3
Cell Spanning in 3 Rows (2nd and 3rd merged) Cell Spanning in 2 Rows (1st and 2nd Cell merged) 1st Cell
2nd Cell







Komentar

Postingan populer dari blog ini

Hasil MotoGP Jepang 2019 Sirkuit Motegi

Hasil MotoGp Malaysia 2019