Beberapa Kode HTML

Berikut ini beberapa penulisan menggunakan tag html dan contoh hasilnya:

Menulis di tengah halaman:
<p align="center">Contoh teks</p>

hasilnya:

Contoh teks

Menulis di kanan halaman:
<p align="right">Contoh teks</p>

hasilnya:

Contoh teks

Menulis di kiri halaman:
<p align="left">Contoh teks</p>

hasilnya:

Contoh teks

Menulis dg huruf tebal:
<strong>Tebal</strong>

hasilnya:
Tebal

Penulisan dg garis bawah:
<u>Garis bawah</u>

hasilnya:
Garis bawah

Menulis dg huruf miring: <i>Miring</i> atau juga kode <em>Miring</em>

hasilnya:
Miring


Penulisan dengan huruf bergaris atas:
<span style="text-decoration:
overline">Bergaris atas</span>

hasilnya:
Bergaris atas

Menulis dg kalimat di coret:
<strike>Coret</strike>

Hasilnya:
Coret


Penulisan paragraf:
<p>Membuat sebuah paragraf pertama yang akan menjadi pembukaan</p> <p>Dan ini paragraf selanjutnya sebagai lanjutan contoh</p>

hasilnya

Membuat sebuah paragraf pertama yang akan menjadi pembukaan

Dan ini paragraf selanjutnya sebagai lanjutan contoh

Penulisan baris:
Membuat sebuah baris pertama yang akan menjadi pembukaan<br >Dan ini baris selanjutnya sebagai lanjutan contoh

hasilnya
Membuat sebuah baris pertama yang akan menjadi pembukaan

Dan ini baris selanjutnya sebagai lanjutan contoh

Membuat sebuah garis bawah suatu halaman:
<p>Membuat sebuah paragraf pertama </p> <p>Dan ini paragraf selanjutnya di akhiri sebuah garis seperti di bawah<hr/></p>

hasilnya

Membuat sebuah paragraf pertama

Dan ini paragraf selanjutnya di akhiri sebuah garis seperti di bawah

---

Menulis dg sub di bawah:
Berikut<sub>ini</sub>

hasilnya:
Berikut_ini

Penulisan dg sup di atas atau pangkat:
<p>Huruf<sup>pangkat</sup></p>

hasilnya:

Huruf^pangkat

Penulisan dg bullet kotak bolong:
<ul type="circle">
<li>Satu</li>
<li>Dua</li>
<li>Dst</li>
</ul>

hasilnya:

• Satu
• Dua
• Dst

Penulisan dg bullet kotak:
<ul type="square">
<li>Satu</li>
<li>Dua</li>
<li>Dst</li>
</ul>

hasilnya:

• Satu
• Dua
• Dst

Penulisan dengan bullet dot:
<ul>
<li>Satu</li>
<li>Dua</li>
<li>Dst</li>
</ul>

hasilnya:

• Satu


• Dua


• Dst

Menulis link sbb:
<a href="http://antonet.tk">Klik disini</a>

hasilnya:
Klik disini

Menampilkan gambar sbb:
<img src="http://GANTI_ALAMAT_INI.jpg">

hasilnya sbb:


Membuat gambar dg link sbb:
<a href="http://antonet2.blogspot.com"><img src="http://ALAMATGAMBAR.jpg"></a>

hasilnya sbb:


Sedikit tulisan ini semoga bisa membantu bagi yang sedang belajar...