Belajar HTML : Mengenal Tag - Kembali lagi nih masih bersama saya. Kemarin kan kita sudah membahas tentang Belajar HTML : Pengenalan. Untuk anda yang belum membaca artikel sebelumnya, silahkan di baca terlebih dahulu, tapi kalau di lewatin juga tidak apa-apa kok.
Untuk membuat file HTML, kita harus menyimpan filenya dengan ektensi .html. Jadi misalnya saya akan membuat file dengan nama belajar, maka akan menjadi belajar.html.
Nah disini saya akan membuat file dengan nama belajar.html, setelah saya buat file tersebut, maka saya akan menjalankan file nya. Cara untuk menjalankan file html cukup mudah, masuk ke folder yang anda simpan file htmlnya. Setelah itu silahkan klik kanan, lalu open with, dan silahkan pilih browser apa yang ingin di buka. Masih bingung ? Silahkan lihat gambar di bawah ini.
Dan setelah mengikuti langkah yang telah saya bilang di atas, silahkan lihat hasil dari file nya. Pasti isinya masih kosong. Nah untuk mengisi hasil dari browser, silahkan lanjut lagi membaca artikel ini.
Tag HTML di tulis dengan tag pembuka dan tag penutup. Contohnya seperti ini...
<tag_pembuka>
......
</tag_penutup>
Ingat, tag penutup html selalu diberikan tanda "/" (tanpa tanda petik 2). Oke, sekarang saya akan memberikan struktur sederhana dari HTML. Silahkan lihat gambar di bawah ini.
Nah dari kode di atas, terdapat beberapa tag HTML. Bingung dengan kode yang ada pada gambar di atas ? Oke saya akan menjelaskannya.
Jadi ketika kita ingin menulis tag html kita harus menulisnya dengan tag <html>....</html>, dan di dalam tag tersebut terdapat beberapa tag yang lain lagi, salah satunya tag <head>....</head>. Nah di dalam tag <head> tersebut, terdapat tag <title>....</title>, tag title berfungsi untuk menampilkan text pada tab nya browser, tapi tag <title> .... </title> ini hanya berada di dalam tag head. Masih bingun tag title ini berfungsi seperti apa ? Oke saya akan memberikan contoh gambar di bawah ini.
Ya, pada gambar di atas, itulah fungsi dari tag title, jika masih bingung lagi silahkan di coba sendiri dengan membuka file html yang sudah anda buat sebelumnya.
Oke kita lanjut, sekarang tag <body>....</body>, tag ini berfungsi untuk menampilkan text, gambar, video, atau apapun itu ke dalam browser, jadi misalkan saya ingin menampilkan tulisan "Saya ini ganteng banget", maka untuk menampilkan tulisan itu kita harus tulis di dalam tag body.
Oke semoga anda paham apa yang sudah saya jelaskan. Kalau belum paham segera bertanya melalui kolom komentar.
Semoga apa yang telah saya tulis ini bisa bermanfaat untuk anda semua.
0 Comments