Tag HTML
Halaman HTML dibuat menggunakan tag, jadi pertama-tama saya perlu menjelaskan apa itu tag . Tag adalah perintah di halaman web yang memberi tahu browser untuk melakukan sesuatu. Tag dimasukkan dalam tanda kurang dari ( < ) dan lebih besar dari ( > ). Contoh tag adalah <html> yang akan Anda pelajari di bawah.
<! DOCTYPE HTML > < html lang = "en" > < head > < meta charset = "UTF-8" > < title > Halaman Web Pertama Saya </ title > </ head > < body > Halo Dunia! </ body > </ html >
Kode menjelaskan baris demi baris
Kami baru saja menulis Hello World yang minimalis ! Program HTML (markup). Mari kita analisa kode ini baris demi baris.
| <! HTML DOCTYPE > | Hal pertama adalah deklarasi dokumen doctype. Dalam hal ini HTML5. Anda harus selalu menggunakan ini. |
| < html lang = "en" > | Semua ini dilakukan mengatakan bahwa ini adalah awal dari dokumen HTML. Selain itu ia menentukan bahasa dokumen, yaitu bahasa Inggris. |
| < head > | Menandai awal bagian dari dokumen HTML yang disebut kepala. Bagian ini tidak terlihat di halaman web tetapi memuat informasi penting tentang dokumen tersebut. |
| < meta charset = "UTF-8" > | Deklarasi pengkodean karakter: UTF 8 |
| < title > Halaman Web Pertama Saya </ title > | Judul halaman dapat dilihat di tab jendela browser dan ketika Anda menandai situs di favorit Anda. Anda dapat meletakkan apa pun yang Anda inginkan di antara tag judul. Kami juga melihat sesuatu yang baru di sini. Tag terakhir </title> , berarti bahwa judul tag sekarang berakhir. Anda dapat mengakhiri tag apa pun dengan meletakkan tanda garis miring terbalik ( / ) setelah tanda kurang dari ( < ). |
| </ head > | Penutupan bagian kepala |
| < tubuh > | Kami memulai bagian tubuh. Inilah semua hal yang akan terlihat di halaman. |
| Halo Dunia! | Bagian yang terlihat di browser web |
| </ body > | Menutup tag tubuh. |
| </ html > | Mengakhiri dokumen |
Tekan Ctrl + U (di Google Chrome) dan Anda dapat melihat kode HTML di belakang laman web mana pun. Buka beberapa situs web dan periksa kode HTML mereka .
Buka dokumen HTML Anda di browser web
Hal selanjutnya yang harus dilakukan adalah Anda menyimpan halaman web pertama ke hard drive Anda. Klik File lalu Simpan. Ubah ekstensi .txt dari file baru Anda menjadi .html , misalnya index.html . Anda mungkin ingin membuat folder khusus untuk menjaga semua hal halaman web Anda semua teratur.
Pastikan Anda menyimpan semua file halaman web Anda sesuatu.html kalau tidak mereka akan menjadi dokumen teks, bukan halaman web. Klik Simpan. Buka folder dan buka. Klik dua kali pada file yang baru saja Anda buat dan itu akan terlihat seperti ini .
Selamat! Anda telah membuat halaman web lokal pertama Anda yang menampilkan pesan statis di browser web!
Menggunakan Tag HTML
Sekarang saya akan mengajari Anda cara membuat teks digarisbawahi . Gunakan Editor HTML online untuk menguji kode-kode ini.
<u> Lihat ini! </u>
Seperti yang Anda lihat ketika kami menempatkan tag <u> , tag itu memulai garis bawah. Di mana tanda pengarungannya </u> , tag itu berakhir dengan garis bawah. Sekali lagi jika Anda memasukkan tanda garis miring terbalik ( / ) di tag, itu akan menutup tag itu.
Kami juga akan membuat teks tebal .
<strong> Lihat ini! </strong>
Kami bahkan dapat membuat teks dalam huruf miring .
<em> Lihat ini! </em>
Tag HTML bersarang
Anda bahkan dapat menempatkan 3 tag sekaligus!
<b><u> <em> Lihat ini! </em></u> </b>
Karena kita tidak menggunakan lebih dari satu tag sekaligus, kita mengalami hal yang disebut Tag Bertingkat. Jika tidak, mereka dapat membuat beberapa browser tidak menampilkan halaman Anda dengan benar dan itu disebut Tag yang Tumpang tindih.
Ini adalah contoh dari Tag Bersarang.
<strong> <em> <u> Hai! </u> </em> </strong>
Sekarang contoh Tag yang Tumpang tindih.
<strong> <em> <u> Hai! </strong> </em> </u>
Bisakah Anda melihat perbedaannya? Aturan yang baik untuk diikuti adalah tag apa pun yang Anda mulai pertama, Anda berakhir terakhir dan apa yang pernah menandai Anda mulai terakhir, Anda berakhir dulu. Masih bingung? Jangan khawatir, Anda akan terbiasa saat terus berlatih.
Tag HTML tunggal
Kami mengetahui bahwa setiap tag HTML harus ditutup setelah dibuka: <tagname> ... </tagname>
Ada beberapa elemen khusus yang tidak memerlukan tag penutup karena mereka tidak pernah menyertakan yang lain. Misalnya, garis horizontal <hr /> tidak pernah berisi paragraf, gambar, atau apa pun. Kami menyebut Singleton Tags ini dan slash penutup ditulis seperti ini: <tagname attribute = "parameter" />
Daftar tag HTML tunggal: area, basis, br, col, embed, hr, img, input, tautan, meta, param, sumber .
Daftar semua tag HTML
Temukan semua Tag HTML yang tercantum dengan contoh. Ini akan membantu Anda menemukan tag apa yang harus digunakan dan yang harus dihindari karena sudah usang.
Contoh pencarian untuk tag Tabel.
0 komentar:
Posting Komentar