logo Home Color Chart Chat HTML Editor E mail Google
CSS-Transition
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!

Adding ID : table,td,h1,h2,h3 (Css Transition)



logo
PartyHtml Google Facebook Youtube
MENU 2
-Pictures
-Video
-For Sale
-Link 4
-Link 5
-Link 6
t shirt blue pants pink dress
50.00 50.00 50.00
t shirt 10 brazil t shirt new york t shirt
50.00 50.00 50.00
blue shorts black shirt purple underwear
50.00 50.00 50.00
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>

<link rel="shortcut icon" href="http://partyhtml.com/image/titlepic5.png">

<meta name="description" content="Html Layout,Pictures,Videos,For sale">
<meta name="keywords" content="Pictures,Videos,For Fale">
<meta name="author" content="Your website's name goes here">


<title> My first Website</title>

<style>

table.main {
                   border: 1px solid red;
                   width: 900px;
                   border-radius: 6px;
}

td.a {
                   border: 1px solid black;
                   border-radius: 6px;
                   background-color: black;
}

td.b {
                   border: 1px solid aqua;
                   background-color: aqua;
                   border-top-left-radius: 6px;
                   border-top-right-radius: 6px;
                   border-bottom-right-radius: 0px;
                   border-bottom-left-radius: 0px;
}

td.c {
                   border: 1px solid fuchsia;
                   background-color: fuchsia;
                   border-top-left-radius: 0px;
                   border-top-right-radius: 0px;
                   border-bottom-right-radius:6px;
                   border-bottom-left-radius: 6px;
}

h1 {
                   display: block;
                   font-size: 15px;
                   margin-top: 0;
                   margin-bottom: 0;
                   margin-left: 0;
                   color: white;
                   margin-right: 0;
                   font-family: arial; }

h2 {
                   display: block;
                   font-size: 15px;
                   margin-top: 0;
                   margin-bottom: 0;
                   margin-left: 0;
                   color: red;
                   margin-right: 0;
                   font-family: arial;
}

h3 {
                   display: block;
                   font-size: 15px;
                   margin-top: 0;
                   margin-bottom: 0;
                   margin-left: 0;
                   color: black;
                   margin-right: 0;
                   font-family: arial;
}

</style>


</head>

<body>

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

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

<!-- IMAGE LOGO 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" align="center" class="a">
<a href="http://www.partyhtml.com"><h1>PartyHtml</h1></a>
<td width="100px" align="center" class="a">
<a href="http://www.google.com"><h1>Google</h1></a>
<td width="100px" align="center" class="a">
<a href="http://www.facebook.com"><h1>Facebook</h1></a>
<td width="100px" align="center" class="a">
<a href="http://www.youtube.com"><h1>Youtube</h1></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"><h1>MENU 2</h1></td>
</tr>
<tr>
<td bgcolor="black" class="a">
<a href="http://www.partyhtml.com/pictures" target="_top">
<h1>-Pictures</h1></a></td>
</tr>
<tr>
<td bgcolor="black" class="a">
<a href="http://www.partyhtml.com/video" target="_top">
<h1>-Video</h1></a></td>
</tr>
<tr>
<td bgcolor="black" class="a">
<a href="http://www.partyhtml.com/forsale" target="_top">
<h2>-For Sale</h2></a></td>
</tr>
<tr>
<td bgcolor="black" class="a">
<a href="" target="_top">
<h1>-Link 4</h1></a></td>
</tr>
<tr>
<td bgcolor="black" class="a">
<a href="" target="_top">
<h1>-Link 5</h1></a></td>
</tr>
<tr>
<td bgcolor="black" class="a">
<a href=" " target="_top">
<h1>-Link 6</h1></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 SECTION STARTS HERE -->

<h3>
<table border="1" width="600px" height="500px">
<tr>
<td width="200px" height="135px" align="center" bgcolor="white">
<img src="http://partyhtml.com/image/tshirt.jpg" height="85px" width="80px" alt="t shirt"> </td>
<td width="200px" height="135px" align="center" bgcolor="white">
<img src="http://partyhtml.com/image/bluepants.jpg" height="85px" width="100px" alt="blue pants"></td>
<td width="200px" height="135px" align="center" bgcolor="white">
<img src="http://partyhtml.com/image/pinkdress.jpg" height="85px" width="80px" alt="pink dress"></td>
</tr>
<tr>
<td align="center" bgcolor="white">50.00</td>
<td align="center" bgcolor="white">50.00</td>
<td align="center" bgcolor="white">50.00</td>
</tr>
<tr>
<td width="200px" height="135px" align="center" bgcolor="white">
<img src="http://partyhtml.com/image/tshirt10.jpg" height="85px" width="80px" alt="t shirt 10"> </td>
<td width="200px" height="135px" align="center" bgcolor="white">
<img src="http://partyhtml.com/image/braziltshirt.png" height="85px" width="80px" alt="Brazil t shirt"></td>
<td width="200px" height="135px" align="center" bgcolor="white">
<img src="http://partyhtml.com/image/newyorktshirt.jpg" height="85px" width="80px" alt="new York t shirt"></td>
</tr>
<tr>
<td align="center" bgcolor="white">50.00</td>
<td align="center" bgcolor="white">50.00</td>
<td align="center" bgcolor="white">50.00</td>
</tr>
<tr>
<td width="200px" height="135px" align="center" bgcolor="white">
<img src="http://partyhtml.com/image/blueshorts.jpg" height="105px" width="90px" alt="blue shorts"> </td>
<td width="200px" height="135px" align="center bgcolor="white">
<img src="http://partyhtml.com/image/blacktshirt.jpg" height="85px" width="80px" alt="black t shirt"></td>
<td width="200px" height="135px" align="center" bgcolor="white">
<img src="http://partyhtml.com/image/purpleunderwear.jpg" height="85px" width="80px" alt="purple underwear"></td>
</tr>
<tr>
<td align="center" bgcolor="white">50.00</td>
<td align="center" bgcolor="white">50.00</td>
<td align="center" bgcolor="white">50.00</td>
</tr>
</table>
</h3>

<!-- CONTENT SECTION ENDS HERE -->
</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" class="c">COPY RIGHT SECTION</td>
</tr>
</table>

</body>
</html>

Tip : Meta Tag keywords are super important for all websites.
Without them your website will never be notice by any search engine.


Tip : Do not use H1 H2 H3 Tags without transitioning with CSS or might Display distortion.
HTML Editor
Copy & Paste Here