Dasar-dasar Kode HTML 3

Posting ini adalah kelanjutan dari dasar-dasar kode HTML 2. Kali ini saya akan memberikan kode-kode lainnya.

1. Kode untuk mengatur teks.

Kode tersebut adalah:

1. <font size="1">...</font>: Untuk mengatur ukuran teks. Angka "1" bisa diganti dengan angka 1-7.
2. <font color="green">...</font>: Untuk mengatur warna teks. Nilai "green" bisa diganti dengan nama warna yang diinginkan (dalam bahasa Inggris) atau dengan kode hexadecimal dari warna yang diinginkan.

Contoh:

<font size="4">Teks dengan ukuran font 4.</font>
<font color="yellow">Teks dengan warna kuning.</font>
<font size="3" color="lime">Teks dengan font 3 dan warna lime.</font>

Hasil:

Teks dengan ukuran font 4.
Teks dengan warna kuning.
Teks dengan font 3 dan warna lime.

2. Tabel

Kodenya seperti ini.

<table border="2" width="350">
<caption>Judul Tabel</caption>
<tr>
<td align="center">
Isi Tabel 1
</td>
<td align="center">
Isi tabel 2
</td>
</tr>
<tr>
<td align="center">
Isi tabel 3
</td>
<td align="center">
Isi tabel 4
</td>
</tr>
</table>

Ket:

• Width: Lebar tabel
• <caption>Judul Tabel</caption>:Judul Tabel
• Border: Garis tepi
• Isi tabel: Isi dari tabel

Hasilnya:
 

Judul Tabel

Isi Tabel 1	Isi tabel 2
Isi tabel 3	Isi tabel 4

3. Kode Heading.

Ada beberapa kode heading yang bisa digunakan. Yaitu:

1. <h1>...</h1>
2. <h2>...</h2>
3. <h3>...</h3>
4. <h4>...</h4>
5. <h5>...</h5>
6. <h6>...</h6>

Contoh:

1. <h1>Heading 1</h1>
2. <h2>Heading 2</h2>
3. <h3>Heading 3</h3>
4. <h4>Heading 4</h4>
5. <h5>Heading 5</h5>
6. <h6>Heading 6</h6>

Hasil:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Sudah cukup segitu. Apabila ada pertanyaan, kritik atau saran, silakan komen. Terima kasih.

kode