Jumat, 08 Februari 2013

membuat table sederhana pada web

table web sederhana
Ini adalah salah satu cara membuat table sederhana ,script dapat dilihat sebagai berikut:
Script:
<html>
<!--        table html             -->
<!--        basic table design-->
<head>
<title>www how to program-tables</title>
</head>

<body>
<center><h2>table example page</h2></center>
<!--the<table>tag opens a new table and lets you put
in-->
<!--design options and intructions                                 
-->
<table bgcolor="blue" border="5" align="center"
width="60%" >

<!-- use the <caption> tag summarize the table's
contents-->
<!-- (this helps the visually impaired)                                     
 -->
<caption> here is a small simple table.</caption>

<!--the <thread>is the firs (non-scrolling)
horisontal-->
<!--section.use it to format the header area.          
-->
<thead>
<tr><th bgcolor=pink>this is the  head</th></tr>
</thead>

<!--all of your important content goes in the <tbody>
-->
<!--use the tag to format the entire section             
-->
<!--<td>insert a date cell,with regular text                
-->
<tbody>
<tr><td align="center" bgcolor=purple>this is the
body.</td></tr>
</tbody>


</table>
</body>
</html>


membuat ul/li

ini adalah script membuat ul/li:
Notpad scrip html:
<html>
<head><title>unordered/ordered list</title>
</head>
<body>
<pre>
<font size=2 face=tahoma color=purple>
<b>Daftar SMK favorit di Yogyakarta:</b>
<hr size=2 widht=200 align=left>
<ul type="circle">
            <li>SMK N Indonesia Raya
            <li>SMK N Maju Tak Gentar
            <li>SMK N Padamu Negeri
</ul>
<hr size=2 widht=200 align=left>
<ol start=4>
            <li>SMK N Syukur
            <li>SMK N Taubat
</ol>
</pre>
</body>
</html>



SELAMAT MENCOBA :)