Sponsor Ads   X  
Sponsor Ads   X  

16/03/2010

HEADING DAN PARAGRAF HTML

Membuat Heading

Heading itu apa ya? Saya sendiri kurang begitu paham..
Mungkin, kurang lebihnya heading adalah isi bagian atas pada suatu tulisan, artikel, bab, ataupun postingan atau yang biasa disebut dengan judul, yang pada umumnya ukuran teksnya lebih besar daripada teks yang terdapat pada seluruh isi tulisan. Betul tidak? Mohon pencerahanya jika saya keliru.

Langsung saja, belajar HTML saya kali ini adalah tentang heading yang ditandai dengan tag antara <h1> s/d <h6>.
Untuk lebih jelasnya bagaimana cara kerja tag <h1> - <h6>, perhatikan contoh berikut ini:


Jika ditulis:
<h1>Kepala Satu</h1>
<h3>Kepala Tiga</h3>
<h4>Kepala Empat</h4>
<h5>Kepala Lima</h5>
<h6>Kepala Enam</h6>

Hasilnya adalah:

Kepala Satu

Kepala Tiga

Kepala Empat

Kepala Lima
Kepala Enam




Pada contoh diatas, sekilas saja ternyata hampir sama dengan jika menggunakan tag <font> yang di ikuti dengan atribut size seperti pada Belajar sebelumnya.
Namun demikian, jelas berbeda. Karena fungsinya sebagai "heading", maka secara otomatis browser akan memberikan baris yang lain untuk kata/kalimat berikutnya.
Dan dari beberapa informasi yang pernah saya dapatkan, tag untuk heading ini adalah yang lebih memiliki peran penting dalam hal SEO.
SEO itu apa? Maaf, sebaiknya jangan dulu tanyakan kepada saya.

Membuat Paragraph

Untuk membuat paragraph dalam sebuah artikel, tag yang digunakan adalah <p>.
Langsung ke contoh:



Tulis:
<p>Ini adalah paragraph pertama pada artikel belajar HTML</p>
<p>Dan ini adalah paragraph kedua pada artikel belajar HTML</p>

Hasil:

Ini adalah paragraph pertama pada artikel belajar HTML

Dan ini adalah paragraph kedua pada artikel belajar HTML




Perataan

Untuk mengatur perataan baris kata pada suatu paragraph, yaitu dengan menambahkan atribut "align" berserta nilainya yaitu left, center, right.
Contoh:


Jika ditulis:
<p align="left">Ini adalah paragraph pertama rata kiri pada artikel belajar HTML</p>
<p align="center">Dan ini adalah paragraph kedua rata tengah pada artikel belajar HTML</p>
<p align="right">Ini adalah paragraph ketiga rata kanan pada artikel belajar HTML</p>

Hasilnya:

Ini adalah paragraph pertama rata kiri pada artikel belajar HTML

Dan ini adalah paragraph kedua rata tengah pada artikel belajar HTML

Ini adalah paragraph ketiga rata kanan pada artikel belajar HTML




Terkait Dengan Paragraph

Untuk pindah ke baris berikutnya pada penulisan dengan html, tombol "Enter" pada komputer atau tanda "Panah bengkok kebawah-kiri" pada ponsel, tidak akan dapat berfungsi sebagaimana mestinya. Untuk masalah ini, tag <br> adalah yang berfungsi untuk pindah ke baris berikutnya.
Contoh:


Jika ditulis:
Ini baris pertama<br>Ini baris kedua<br>Ini baris ketiga

Hasilnya:
Ini baris pertama
Ini baris kedua
Ini baris ketiga




Jika ingin memberikan baris kosong, maka cukup tambahkan tag <br> beberapa kali sesuai yang di inginkan.

Menjorok Ke Dalam

Untuk membuat paragrap yang letaknya jadi agak menjorok ke dalam, tag yang di perlukan adalah <blockquote>
Contoh:



Tulis:
<p>Ini hanya paragraph standar yang terletak sebagaimana mestinya.</p><p><blockquote>Sedangkan ini adalah paragraph baru yang menjorok ke dalam</blockquote></p>

Hasilnya:

Ini hanya paragraph standar yang terletak sebagaimana mestinya.

Sedangkan ini adalah paragraph baru yang menjorok ke dalam.




Doooh... mata ngantuk jempol pegel, hooaaem...
Udahan dulu yah, besok disambung lagi.



Sebelumnya | Berikutnya

Silahkan baca juga yang ini:

3 comments:

elok langita said...

mkashy buat pembelajarannyaa...^_^

kakang sung said...

sama2 blajar, makasi juga udah nengok...

Epul Country said...

Mantab simple shob :D

Tinggalkan Komentar Anda

Terimakasih telah berkunjung, untuk kritik, saran, ataupun pertanyaan, silahkan berikan komentar anda disini:

 
Halaman Muka | Tentang | Kontak | Sitemap | 2008- © kakangsung All Rights Reserved