Bagian kedua
Heading
Oke, setelah belajar dasar penulisan html, sekarang kita akan beralih untuk penulisan isi
webpage.Untuk belajar menulis html, saya sarankan anda membuka file latihan anda
dengan text editor atau notepad dan dengan browser anda.Bila anda bingung, saya akan
berikan contoh, misalkan anda menyipan file latihan anda dengan nama latihan.html,
buka file tersebut dengan double klik, maka file anda sekarang sedang browser anda,
apakah itu Internet explorer(IE), atau firefox, opera, dll.Kemudian buka kembali file anda
dengan notepad, klik kanan pada file anda dan pilih open with… dan pilih
notepad.Sekarang file anda telah dibuka dengan browser anda dan notepad, bila anda
melakukan perubahan pada file anda, anda tinggal menyimpan pekerjaan anda dan dapat
segera melihat perubahannya dengan beralih ke browser anda dan lakukan refresh.Ya,
webpage anda akan berubah sesuai perubahan yang anda lakukan, cara ini sangat berguna
bagi yang sedang mencoba-coba kode baru dan langsung melihat hasilnya.Bila hasilnya
kurang memuaskan, anda tinggal beralih ke notepad anda dan ubah bagian-bagian yang
masih salah kemudian simpan, dan refresh lagi.
Setelah tau cara-cara diatas, sekarang saatnya memperkenalkan anda pada
heading.Dengan tag ini, anda dapat mengatur bagian-bagian yang penting dari tulisan
anda.Heading terdiri dari 6 bagian, makin tinggi nominalnya makin kecil
tulisannya.Contoh:
Penggunaan heading biasanya digunakan untuk membuat judul tulisan dan subjudul.Anda
dapat menambahkan tag ini pada file latihan anda yang sebelumnya, perlu diingat anda
menambahkannya setelah tag <body> .
<h1>ini judulnya</h1>
Terus isisnya deh, bla bla bla bla
<h2>subjudul nih</h2>
Biasanya lebih spesifik isinya
<h3>terus isi subsubjudulnya</h3>
Udah ah, capek hihihi
Paragraf
Nah, kalau udah bisa bikin judulnya, sekarang cara buat paragraph di html, karena bila
anda tekan ENTER sebanyak apapun, tidak akan berpengaruh pada webpage, kalau tidak
percaya, coba saja sendiri.Maka dari itu sekarang kita akan menggunakan tag <p> untuk
membuat paragraph baru, karena ini tag special, jadi tidak butuh </p> untuk tag penutup.
Sekarang coba tambahkan tag ini pada file latihan anda.
<p>Ini tulisan gak penting banget Ini tulisan gak penting banget Ini
tulisan gak penting banget Ini tulisan gak penting banget Ini tulisan
gak penting banget Ini tulisan gak penting banget<p> Ini tulisan gak
penting banget Ini tulisan gak penting banget Ini tulisan gak penting
banget Ini tulisan gak penting banget Ini tulisan gak penting banget
Ini tulisan gak penting banget<p>
Tapi ada hal yang perlu diingat, anda tidak perlu menggunakan tag <p> sebelum tag
heading, karena heading sudah menjadikan tulisan tersebut terpisah dari paragraph.Yah,
semuanya bisa anda tahu bila anda sudah mencobanya.Bila anda telah mencobanya, akan
terlihat efek dari tag <p>.Efek dari tag ini dapat dikatakan seperti menekan ENTER dua
kali.Nah, satu lagi tag yang dapat digunakan untuk membuat baris baru dalam html, yaitu
tag <br>, atau bisa disebut breakline.Tag ini sama halnya bila kita tekan ENTER bila
sedang mengetik biasa, coba aja dulu deh, baru komentar.
Nah, dari yang sudah dipelajari diatas, anda sudah dapat membuat webpage anda sendiri,
ya… walaupun masih sangat sederhana, untuk latihan sih cukup, biar anda cepet hapal
kode-kodenya dan dengan lincah menulis bahasa html.
Tidak ada komentar:
Posting Komentar