Cikiciiew..!!

Klonengan http://anebego.blogspot.com

Header Ads
javascript:void(0)

Kamis

Belajar HTML (Bagian Kelima)

Lanjutan dari Bagian Keempat

Paragraf HTML
 
Menulis dokumen apapun pasti memerlukan paragraf. Mari kita lihat tag HTML yang digunakan untuk membuat sebuah paragraf yaitu tag <p>. Kita menggunakan tag <p> untuk membuat sebuah paragraf baru. Saat kita menggunakan tag ini, dia akan menambahkan sebuah baris kosong di atas dan di bawah teks paragraf yang kita tulis. Baris-baris kosong tersebut adalah baris yang menadakan sebuah paragraf dan memisahkan paragraf tersebut dari paragraf-paragraf yang lainnya. Dan...tentu saja kita harus menutup paragraf kita dangan pasangannya yaitu tag </p>.


Contoh kode HTML:
<p>Ini adalah sebuah contoh paragraf yang panjang dan menarik, sehingga kalimat ini tidak ada isinya sama sekali. <p>

Kita juga bisa melakukan proses perataan pada paragraf yang kita bikin. Hal ini sanagt mudah dilakukan, yaitu dengan menambahkan atribut HTML align. Contoh tag di bawah ini akan membuat paragraf kita rata kiri kanan :
<p align="justify">Ini adalah paragraf yang rata kanan dan rata kiri.</p>

Kita bisa ganti-ganti isi atribut align tersebut dengan kata center untuk membuat paragraf menjadi di tengah, left rata kiri, dan right untuk rata kanan.

Mengubah Tampilan Teks
Seperti yang sudah kita ketahui dari tutorial elemen HTML ini, kita pastinya udah tahu kalau HTML menggunakan tag untuk semua perintah yang dilakukannya. Nah, untuk mengubah tampilan dan format teks, HTML juga menggunakan tag-tag seperti <b> (untuk menebalkan huruf) dan <i> (untuk menampilkan huruf miring) untuk menampilkan teks atau huruf sesuai dengan kebutuhan kita. Berikut beberapa tag untuk mengubah tampilan huruf yang sering digunakan:

Tag Deskripsi
<b> menebalkan huruf
<i> menampilkan huruf miring
<big> menampilkan huruf dalam ukuran besar
<small> menampilkan huruf dalam ukuran kecil
<strong> mirip dengan <b>, menampilkan dengan tebal
<sub> subscript (tulisan kecil di bawah, misalnya untuk menulis rumus kimia)
<sup> superscript (yang ini kecil di atas, misalnya menulis kuadrat)
<u> menulis huruf bergaris bawah


Membuat Daftar
Dalam tutorial belajar program HTML kali ini, kita akan mencoba membuat daftar. Apa itu daftar? Pada saat kita menggunakan Ms-Word untuk membuat sebuah dokumen, maka kemungkinan besar kita akan membuat sebuah daftar atau yang sering disebut juga dengan istilah list. Dalam Ms-Word kita mungkin mengingatnya sebagai bulleted dan numbered list. Nah. kita juga bisa membuat list tersebut menggunakan program HTML. Dengan HTML, sebenarnya kita bisa membuat beberapa jenis daftar. Namun yang paling umum digunakan adalah apa yang dikenal dengan istilah ordered list dan unordered list. Seperti apa itu? Mari kita lihat contohnya.

Ordered list adalah daftar yang berurutan, atau gampangnya daftar yang ada nomornya seperti contoh berikut ini.
Kode :
Saat mempelajari program HTML, kita harus mempelajari hal-hal berikut ini secara berurutan:
<OL>
<LI>Mempelajari HTML
<LI>Mempelajari PHP
<LI>Mempelajari MySQL
</OL>
Hasil :
Saat mempelajari program HTML, kita harus mempelajari hal-hal berikut ini secara berurutan:
1. Mempelajari HTML
2. Mempelajari PHP
3. Mempelajari MySQL
Sedangkan unordered list biasanya hanya menggunakan bullet seperti daftar berikut ini.
Kode :
Saat mempelajari program HTML, kita harus mempelajari hal-hal berikut ini secara berurutan:

<UL>
<LI>Mempelajari HTML
<LI>Mempelajari PHP
<LI>Mempelajari MySQL
</UL>
Hasil :
Saat mempelajari program HTML, kita harus mempelajari hal-hal berikut ini secara berurutan:
* Mempelajari HTML
* Mempelajari PHP
* Mempelajari MySQL


Bersambung


Back To Top