Pembuatan List, Table dan Frame pada HTML

Pembuatan Ordered List dan Unorderer List
                Dalam Pembuatan List dibagi menjadi 2 buah yang pertama ordered list dan unordered list, yang mana kalau ordered list akan menciptakan list yg beruntun yakni daimulai dari angka 1 sampai sekian, secara default ordered list merupakan angka sati dan seterusnya. Unordered list merupakan list yang tidak beraturan artinya bisa dimulai dengan bullet, secara default unordered list merupakan bullet, dalam html tag ordered list dan unordered list sebagai berikut :
Ordered list                                                                                        Unordered list
<ol>                                                                                                       <ul>
<li>isi dari listnya</li>                                                                     <li>isi dari listnya</li>
<li>isi dari listnya</li>                                                                     <li>isi dari listnya</li>
</ol>                                                                                                     </ul>
contoh pembuatan List ol dan ul jika kita masukkan dalam HTML

<html>
<head>
<title>Penggunaan UL dan OL</title>
</head>
<body>
<marquee><b><h1>Berikut ini Pengertian UL dan OL</h1></b></marquee>
<p>
OL adalah list berurut nomornya secara default adalah menggunakan angka 1,2,3,…, dan seterusnya sampai dengan sejumlah item dalam list tersebut.
sedangkan UL Unordered list sering disebut sebagai bulleted list, mempunyai bulleted default berupa noktah. Jenis bulet bisa diubah,
berikut adalah daftar jenis bullet yang bisa digunakan untuk mengubah bullet default pada bulleted list:
</p>
Contoh UL dan OL<br/>
Nama – nama Pemain Bola
<ul>
<li>Robin van Persie</li>
<li>Ryo Miyachih</li>
<li>Rosicky</li>
</ul></br>
Nama – nama Klub Liga Inggis
<ol>
<li>Arsenal</li>
<li>Liverpool</li>
<li>Aston Villa</li>
</ol>
</body>
</html>
maka akan menghasilkan gambar berikut ini:

Pembuatan Tabel
Dalam pembuatan table dalam HTML perlu mneggunakan beberapa tag seperti :
<table></table>  : yang berguna untuk mengawali pembuatan table
<tr></tr>               : yang digunakan untuk membuat sebuah baris/row
<td></td>             : yang digunakan untuk membuat kolom/data
<th></th>             : yang digunakan untuk membuat header suatu table
Dari tag-tag diatas jika dimasukkan dalam sebuah HTML akan seperti berikut :
Contoh table dalam HTML

<html>
<head>
<title>Penggunaan Table</title>
</head>
<body>
<h1>Tabel Nama-nama pemain Bola</h1>
<table border = 1px;>
<tr>
<th>No</th>
<th>Nama</th>
<th>Nomor Induk</th>
</tr>
<tr>
<td>1</td>
<td>Robin van Persie</td>
<td>50408766</td>
</tr>
<tr>
<td>2</td>
<td>Andrey Arshavin</td>
<td>50408666</td>
</tr>
<td>3</td>
<td>Mikel Arteta</td>
<td>50408777</td>
</table>
</body>
</html>
maka tampilannya akan muncul seperti gambar berikut ini:

Pembuatan Frame
Frame merupakan tag HTML yang digunakan untuk membuat sebuah bingkai yang terdapat pada frameset, jadi kita bisa menyatukan beberapa halaman html pada 1 halaman HTML saja, dan setiap halaman akan ada bingkai2nya, dalam pembuatannya kita membutuhkan tag-tag berikut ini :
<frameset></frameset> : untuk memulai pembuatan binkai disini kita akan menentukan lebar kolom dll
<frame />                          : untuk memasukkan halaman-halaman web
Contoh Frame dalam HTML

<html>
<head>
<frameset cols=”100%,80%”>
<frame src=”uldanol.html” />
<frame src=”tabel.html” />
</frameset>
</head><body></body>
</html>
maka tampilan yang akan dihasilkan seperti gambar dibawah ini: