logo Home Color Chart Chat HTML Editor E mail Google
Example 12
HTML
  Body
  Tables
  Marquee
  Lists
  Links
  Video
  Audio
  Text
  Forms
  Frames
  Buttons
CSS
  Body
  Tables
  Divs
  Links
  Video
  Float
  Text
  Navigation
  DropDown
  Buttons
chinito

Valid HTML 4.01 Transitional

Valid CSS!

Here we are adding 3 VIDEOS into the ADS section



logo
PartyHtml Google Facebook Youtube
MENU 2
-Link 1
-Link 2
-Link 3
-Link 4
-Link 5
-Link 6
CONTENT
UFC

OVNIS

BODY
BUILDING
COPY RIGHT SECTION


HTML CODE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>

<title> My first Website</title>

</head>

<body>

<table border="0" width="900px" cellspacing="0" align="center">
<tr>
<td colspan="3" height="50px" bgcolor="aqua">
<!-- LOGO IMAGE STARTS HERE -->

<img src="http://partyhtml.com/image/htmlwebsitelogo.png" height="45px" width="250px" alt="Logo">

<!-- LOGO IMAGE ENDS HERE -->
</td>
</tr>
<tr>
<td colspan="3" height="50px" bgcolor="gold" align="center">
<!-- FIRST MENU STARTS HERE -->

<table border="0" cellspacing="10">
<tr>
<td width="100px" bgcolor="black" align="center">
<a href="http://www.partyhtml.com">PartyHtml</a>
<td width="100px" bgcolor="black" align="center">
<a href="http://www.google.com">Google</a>
<td width="100px" bgcolor="black" align="center">
<a href="http://www.facebook.com">Facebook</a>
<td width="100px" bgcolor="black" align="center">
<a href="http://www.youtube.com">Youtube</a> </td>
</tr>
</table>


<!-- FIRST MENU ENDS HERE -->
</td>
</tr>
<tr>
<td width="150px" height="500px" bgcolor="orange">
<!-- MENU 2 STARTS HERE -->

<table width="150px" align="center">
<tr>
<td bgcolor="gray" height="20px" align="center">MENU 2</td>
</tr>
<tr>
<td bgcolor="black">
<a href=" " target="_top">
<font face="arial" size="3pt" color="white">-Link 1</font></a></td>
</tr>
<tr>
<td bgcolor="black">
<a href=" " target="_top">
<font face="arial" size="3pt" color="white">-Link 2 </font></a></td>
</tr>
<tr>
<td bgcolor="black">
<a href=" " target="_top">
<font face="arial" size="3pt" color="white">-Link 3</font></a></td>
</tr>
<tr>
<td bgcolor="black">
<a href="" target="_top">
<font face="arial" size="3pt" color="white">-Link 4</font></a></td>
</tr>
<tr>
<td bgcolor="black">
<a href="" target="_top">
<font face="arial" size="3pt" color="white">-Link 5</font></a></td>
</tr>
<tr>
<td bgcolor="black">
<a href=" " target="_top">
<font face="arial" size="3pt" color="white">-Link 6</font></a></td>
</tr>
<tr>
<td bgcolor="black" height="335px"></td>
</tr>
</table>

<!-- MENU 2 ENDS HERE -->
</td>
<td width="600px" height="500px" bgcolor="white" align="center"> CONTENT </td>
<td width="150px" height="500px" bgcolor="lime">
<!-- ADS SECTION STARTS HERE -->

<table border="1" width="150px" align="center">
<tr>
<td bgcolor="white" align="center" height="500px">
UFC
<br>
<iframe width="100" height="100" src="https://www.youtube.com/embed/fdMtTkluIhs" frameborder="0"></iframe>
<br>
<br>
<hr>
<br> OVNIS
<br>
<iframe width="100" height="100" src="https://www.youtube.com/embed/GKihRaDulsE" frameborder="0"></iframe>
<br>
<br>
<hr>
BODY
<br>
BUILDING
<br>
<iframe width="100" height="100" src="https://www.youtube.com/embed/vehbCvZDpI0" frameborder="0"></iframe>
</td>
</tr>
</table>


<!-- ADS SECTION ENDS HERE -->
</td>
</tr>
<tr>
<td colspan="3" height="40px" bgcolor="fuchsia">COPY RIGHT SECTION</td>
</tr>
</table>

</body>
<html>

Tip : Deciding which declaration <!DOCTYPE> you're going to use for your HTML document.
This is very important for Validation and Search Engines (Google,Bing,yahoo,etc)

In this case we are using this one
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

For more references
Click Here
HTML Editor
Copy & Paste Here