Tutorial dasar HTML untuk pemula Part2

Ini lanjutan dari yang part 1 kemarin, selamat membaca!!

10.   Pengaturan bentuk, ukuran, dan warna tulisan. Pengaturannya dilakukan dengan tag-tag seperti contoh berikut

11.   <OL>… </OL> , <UL>… </UL>dan  <LI>… </LI> Biasanya untuk membuat list / memberikan penomoran langsung pada list baris. Contohnya 

<OL>

                <LI>List item #1</LI>

                <LI> List item #2</LI>

                <LI> List item #3</LI>

                <LI> List item #4</LI>

</OL>

Akan tampak seperti berikut : 

1.       List item #1

2.       List item #2 

3.       List item #3 

4.       List item #4

  

Selain itu dapat juga dengan mengganti tag <OL> dengan <UL> maka akan tampak seperti berikut :

·        List item #1

·        List item #2

·        List item #3

·        List item #4 

12.   <HR> Pemberian tag ini bertujuan untuk membuat garis horizontal  pada dokumen web. Dapat diberikan attribute seperti pada atribut gambar/ image. 

13.   Tag Tabel. Untuk membuat tabel di dokumen web dapat dilakukan dengan memberikan tag-tag Tabel. Dalam tag-tag tabel ini terdiri dari beberapa tag seperti contoh berikut. Untuk membuat tabel seperti tampak di bawah ini :

Codingannya seperti ini :

<table border="1">

<tr> <!--baris 1 awal-->

<td>Sel 1, baris 1</td>

<td>Sel 2, baris 1</td>

<td>Sel 3, baris 1</td>

<td>Sel 4, baris 1</td>

</tr> <!--baris 1 akhir--> 

<tr> <!--baris 2 awal-->

<td>Sel 1, baris 2</td>

<td>Sel 2, baris 2</td>

<td>Sel 3, baris 2</td>

<td>Sel 4, baris 2</td>

</tr> <!--baris 2 akhir--> 

</table> 

Pemberian Tag <!-- ... --> adalah sebagai pemberian komentar pada pengkodean dengan tujuan mempermudah pengecekan baris script. Penulisan dari tag table adalah diawail dengan tag <table> dan untuk memberikan sel pertama dengan tag <td>, sedangkan untuk ganti baris dengant tag <tr>

14.   <!-- komentar --> Tujuannya memberikan komentar terhadap dokumen dan membantu pengecekan dokumen. 

Sekian, semoga bermanfaat...