Selasa, 22 Januari 2013

membuat menu di html

File pertama: header.html

<html>
 <head><title>Ini adalah file header halaman web</title></head>
 <body>
    <H1>HEADER HALAMAN WEB ebook link knowledge</H1>
 </body>
 </html>

File kedua: menu.html


<html>
 <head><title>Ini adalah file menu halaman web</title></head>
 <body>
   <ul>
     <li><a href="#">Home</a></li>
     <li><a href="#">About Us</a></li>
     <li><a href="#">Contact Us</a></li>
   </ul>
 </body>
 </html>

File Ketiga: content.html


<html>
 <head><title>Ini adalah file content halaman web</title></head>
 <body>
    <p> Paragraph pertama adalah isi yang pertama dalam halaman content.html</p>
    <p> Paragraph kedua adalah isi ynag kedua dalam halaman content.html</p>
 </body>
 </html>

File Kempat: index.html


<html>
 <head><title>Ini adalah halaman utama</title></head>
   <frameset rows="20%, *">
   <frame src="header.html">
   <frameset cols="10%, *">
   <frame src="menu.html">
   <frame src="content.html">
   </frameset>
 </html>

html tingakt lanjut

<div style="border-right: rgb(153,153,153) 0px solid; border-top: rgb(153,153,153) 0px solid; overflow: auto; border-left: rgb(153,153,153) 0px solid; width: 380px; border-bottom: rgb(153,153,153) 0px solid; height: 200px; text-align: left">    <ul type="square">                                                 <li><a href="http://bisnisonlinetop1.blogspot.com/2011/04/3-situs-web-penghasil-dollar-cepat.html"><span style="font-family:Verdana;font-size:100%;color:#008080;">Situs-situs PTC yang membayar membersnya &amp; cepat process cashoutnya. </span></a>
</li>    <li><a href="http://bisnisonlinetop1.blogspot.com/2011/04/cara-mendaftar-ptc-neobux.html"><span style="font-family:Verdana;font-size:100%;color:#008080;">Cara mendaftar PTC NEOBUX </span></a>
</li>    <li><a href="http://bisnisonlinetop1.blogspot.com/2011/04/strategy-menghasilkan-100-500-perhari.html"><span style="font-family:Verdana;font-size:100%;color:#008080;">Cara menghasilkan $100-$200 perhari dengan PTC NEOBUX </span></a>
</li>    <li><a href="http://bisnisonlinetop1.blogspot.com/2011/04/cara-daftar-ptc-onbux.html"><span style="font-family:Verdana;font-size:100%;color:#008080;">Cara mendaftar PTC ONBUX </span></a>
</li>    <li><a href="http://bisnisonlinetop1.blogspot.com/2011/04/strategy-menghasilkan-ratusan-dollar.html"><span style="font-family:Verdana;font-size:100%;color:#008080;">Strategy ampuh menghasilkan $200-$500 perhari dengan mengikuti PTC ONBUX </span></a>
</li>    <li><a href="http://bisnisonlinetop1.blogspot.com/2011/04/strategy-sukses-ptc-incrasebux.html"><span style="font-family:Verdana;font-size:100%;color:#008080;">Tips sukses dengan PTC Incrasebux</span></a>
</li></ul>
</div>

membuatg video d html

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

layout 2

<!DOCTYPE html>
<html>
<body>

<div id="container" style="width:500px">

<div id="header" style="background-color:#FFA500;">
<h1 style="margin-bottom:0;">Main Title of Web Page</h1></div>

<div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;">
<b>Menu</b><br>
HTML<br>
CSS<br>
JavaScript</div>

<div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">
Content goes here</div>

<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">
Copyright ©sukas18.blogspot.com</div>

</div>

</body>
</html>

Senin, 21 Januari 2013

membuat layout1

<HTML>

<HEAD>

<TITLE> sukas </TITLE>

</HEAD>

<BODY>

<TABLE border="1" bgcolor="black" align="center">

<TR>

<TD align="center" bgcolor="blue" colspan="2" height="120" width="900">

<H1 align="center"><FONT color="yellow"> SUKAS-LAYOUT (-_-" </H1></FONT></TD>

</TR>

<TR>

<TD align="center" bgcolor="black" colspan="2" height="20" width="900">

<MARQUEE><FONT face="impact" color="white"> BELAJAR MEMBUAT LAYOUT OLEH : SUKASTRIYO <FONT></MARQUEE></TD>

</TR>

<TR>

<TD align="center" bgcolor="blue" width="150" height="400"></TD>

<TD align="center" bgcolor="gray" height="400"></TD>

</TR>

<TR>

<TD align="center" bgcolor="black" colspan="2" height="20" width="900">

<FONT face="impact" color="red">Copyright@2013</FONT></TD>

</TR>

</TABLE>

</BODY> 
</HTML>