Selamat malam para peminat html, untuk para pemula disini
saya ingin membagikan sedikit ilmu yang saya dapat. Sederhana saja disini kita
akan mempraktekkan bagaimana cara penggunaan tag html. Cukup mudah, kita akan
menampilkan tulisan ke dalam browser, penulisan judul dan bagaimana cara untuk
mengganti baris baru, sudah dijelaskan pada postingan sebelumnya tentang tag yg
harus diketahui dalam html.
Sekarang kita akan mempraktekkannya.
Sebelumnya yang diperlukan adalah :
1.
Laptop/pc/notebook/komputer
2.
Text editor yaitu tempat untuk kita menuliskan
tag atau script html. Contohnya : Notepad++, kenapa harus notepad++ karena
dalam penulisan script html apabila tag atau perintah yg kita tulis banyak dan jika
terjadi kesalahan akan sangat mudah untuk dijumpai. Boleh saja menggunakan
notepad biasa tapi disini saya menganjurkan lebih baik menggunakan Notepad++.
3.
Web browser merupakan tempat untuk menampilkan
tulisan yang sebelumnya telah kita tulis diantara tag
<body></body>. Contohnya : Mozilla Firefox. Google Chrome, Internet
Explore dan lain-lain.
Pertama kita buka Notepad++, tampilan awalnya
seperti dibawah ini :
, Kedua masukkan tag dasar html pada Notepad++,
agar diperhatikan penulisan tag dasar harus berurutan dengan benar jika tidak
akan terjadi error dalam membuka filenya di browser. Perhatikan contoh dibawah
ini :
Ketiga kita sebaiknya simpan terlebih dahulu
terserah untuk memberi nama file apa. Yang penting setelah pemberian nama file
kita akhiri dengan tulisan .html, sebab disini kita menggunakan bahasa
pemrograman html. Saya akan memberi nama file dengan nama latihan.html, saya
menyimpan file html di Computer, Local Disk (D) tapi disini saya namai FIRAA(D),
di dalam folder coba.
Catatan : cara
mengetahui file yang telah disimpan atau belum adalah dilihat dari gambar save
yang berada di samping kiri tulisan new 1, jika berwarna merah berarti belum disimpan
dan jika berwarna biru maka file tersebut telah tersimpan.
Keempat masukkan judul diantara tag
<title> </title> sesuai keinginan. Tulisan diantara tag tersebet
akan muncul di bagian atas browser atau dibagian kepala browser. Sebagai contoh
kita beri nama Coba.
Kelima untuk memberi tulisan yang nantinya akan
tampil di browsernya, kita tulis diantara tag <body> </body>. Sebagai
contoh permulaan kita tulis “Selamat Datang di Website Kami”.
Untuk selanjutnya kita sebaiknya untuk judul
kita beri tag <h1></h1>. Di dalam tag h ini kita dapat menentukan
ukuran judul mulai h1 sampai h6, contoh seperti ini :
<h1>masukkan judulnya</h1>
<h2>masukkan judulnya</h2>
<h3>masukkan judulnya</h3>
<h4>masukkan judulnya</h4>
<h5>masukkan judulnya</h5>
<h6>masukkan judulnya</h6>
Sebagai contoh kita praktekkan ukuran judul dengan tag <h>
ini, kita tulis di antara tag <body></body>, dan kita lihat di
browser. Jangan lupa disimpan terlebih dahulu :
Untuk membuka file agar tampil di browser, kita
buka folder yg kita simpan tadi. Kemudian klik 2 kali pada file yang telah kita
simpan.
Berikut yang tampil di browser :
Nah gambar diatas adalah hasilnya, kita dapat
memilih ukuran judul yang mana saja untuk dijadikan tampilan judul. Untuk saya akan memakai tag <h1>
</h1> saja. Kita tinggal hapus tag yang lain di Notepad++ dan jangan lupa
disimpan dan tampilkan di browser. Seperti dibawah ini :
Maka hasil di browser, tampilannya akan seperti
ini :
Jika kita ingin menambahkan tulisan yang
lainnya, kita tinggal menuliskan di bawah tulisan judul tadi. Seperti di bawah
ini :
Maka akan tampil di browser :
Nah disini kita mempunyai masalah, pada tulisan “Berikut
penjelasannya : “ di Notepad++ kita telah menulisnya di bagian bawah, tapi
tampil di browser di sebelah kanannya. Apabila menemui permasalan ini cukup
mudah yaitu untuk mengganti baris saja maka cukup beri tag <br>, untuk
tag ini tidak perlu menggunakan penutup. Disini juga menjelaskan bahwa tag html
tidak semua diberi penutup.
Maka akan tampil di baris baru, seperti ini :
Cukup sekian penjelasannya, agar bagi pembaca yang ingin
mencoba dapat dipraktekkan. Apabila masih belum paham diharapkan untuk membaca
berulang kali penjelasan diatas dan yang terpenting juga harus dipahami. Semoga
bermanfaat dan terima kasih.
EmoticonEmoticon