Kode-Kode HTML

Assalamu'alaikum dunsanak...!!!

Setelah kita mengetahui apa itu dengan HTML, maka selanjutnya yang perlu kita ketahui adalah tag-tag atau tanda-tanda kode-kode atau format penulisan dari HyperText Markup Language itu sendiri.

Pemformatan text berupa text tebal, miring, garis bawah, berkedip, berjalan/bergerak, membuat tabel, dan lain sebagainya. Semua itu dapat dilakukan dengan menggunakan kode-kode tertentu.

Berikut ini terdapat beberapa kode-kode yang digunakan dalam HTML untuk memformat suatu text/tulisan, diantaranya sebagai berikut:

Membuat Text Rata Tengah
dindrirahmad.blogspot.com hasilnya:

dindrirahmad.blogspot.com

Membuat Text Rata Kanan
dindrirahmad.blogspot.com hasilnya:

dindrirahmad.blogspot.com

Membuat Text Rata Kiri
dindrirahmad.blogspot.com hasilnya:

dindrirahmad.blogspot.com

Membuat Text Tebal
dindrirahmad.blogspot.com hasilnya:

dindrirahmad.blogspot.com

Membuat Text Miring
dindrirahmad.blogspot.com hasilnya:

dindrirahmad.blogspot.com

Membuat Garis Bawah pada Text
dindrirahmad.blogspot.com hasilnya:

dindrirahmad.blogspot.com

Membuat Text Tebal, Miring, Garis Bawah secara bersamaan
dindrirahmad.blogspot.com hasilnya:

dindrirahmad.blogspot.com

Membuat Garis Atas pada Text
dindrirahmad.blogspot.com hasilnya:

dindrirahmad.blogspot.com

Membuat Garis Tengah pada Text
<strike>dindrirahmad.blogspot.com</strike> hasilnya:

~~dindrirahmad.blogspot.com~~

Membuat Text Hidden
dindrirahmad.blogspot.com hasilnya:

dindrirahmad.blogspot.com
Tapi mau bikin tulisan hidden, ya gak akan keliaatan….. Hahaha :-D

Membuat Text Huruf Besar/Capital semua (uppercase)
dindrirahmad.blogspot.com hasilnya:

dindrirahmad.blogspot.com

Membuat Text Small Caps
dindrirahmad.blogspot.com hasilnya:

dindrirahmad.blogspot.com

Membuat Text Subscribe (kecil di bawah)
Dindri Rahmad.blogspot.com
H2O hasilnya:

Dindri Rahmad_{.blogspot.com}
H₂O

Membuat Text Superscribe (pangkat)
Dindri Rahmad.blogspot.com
105 hasilnya:

Dindri Rahmad^{.blogspot.com}
10⁵

Mengatur Jenis Font/Huruf
dindrirahmad.blogspot.com hasilnya:

dindrirahmad.blogspot.com

Mengatur Ukuran Font/Huruf
dindrirahmad.blogspot.com hasilnya:

dindrirahmad.blogspot.com

Mengatur Warna Font/Huruf
dindrirahmad.blogspot.com hasilnya:

dindrirahmad.blogspot.com

Membuat Bullets Dot, Dot Bolong (circle), dan Dot Kotak (square)
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>

<ul type="circle">
<li>DOT BOLONG 1</li>
<li>DOT BOLONG 2</li>
<li>DOT BOLONG 3</li>
</ul>

<ul type="square">
<li>DOT KOTAK 1</li>
<li>DOT KOTAK 2</li>
<li>DOT KOTAK 3</li>
</ul>
hasilnya:

DOT 1
DOT 2
DOT 3

DOT BOLONG 1
DOT BOLONG 2
DOT BOLONG 3

DOT KOTAK 1
DOT KOTAK 2
DOT KOTAK 3

Mengatur Posisi/Letak Text. Hal ini dapat kita gunakan jika kita mengutip suatu text dari sumber lain sehingga kutipan tersebut akan menjorok ke dalam.
<blockquote>"dindrirahmad.blogspot.com" Download E-Book dan Software Gratis, Lirik Lagu Minang, Tutorial Blog dan Photoshop, serta Seputar Informasi Teknologi.</blockquote> hasilnya:

Silahkan Anda lihat di:

"dindrirahmad.blogspot.com" Download E-Book dan Software Gratis, Lirik Lagu Minang, Tutorial Blog dan Photoshop, serta Seputar Informasi Teknologi.

Terima kasih.

Selamat Datang di “dindrirahmad.blogspot.com”.
Jangan ~~Copy-Paste~~.

Demikian beberapa kode-kode HTML yang dasar digunakan dalam menulis maupun untuk memformat suatu object dalam halaman web dunsanak. Walaupun saat ini sudah banyak software untuk membuat halaman web yang tentunya lebih mudah, cepat, dan tidak rumit dibandingkan dengan cara ini, seperti Dreamweaver, seharus dan sebaiknyalah kita mengetahui hal-hal dasarnya terlebih dahulu.

Mokasih dunsanak, semoga bermanfaat, dan jangan lupa tinggalkan komentar. ^_^
Wassalamu’alaikum dunsanak...!!!