HTML merupakan singkatan dari HiperText Markup Language adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser internet. Sumber : Wikipedia
Teknologi HTML (HyperText Markup Language) berperan dalam membuat struktur halaman web atau merupakan bahasa dasar dalam pembuatan web. Markup Language (bahasa markah) mengkombinasikan teks dan informasi tambahan mengenai teks tersebut. Informasi ekstra tersebut, contohnya mengenai struktur dan presentasi teks, diekspresikan menggunakan markah, yang bercampur dengan teks utama. Sumber : Wikipedia
Untuk menandai bagian-bagian teks dalam bahasa HTML menggunakan tanda (markah / mark) yang dikenal dengan HTML Tag. Tag HTML berfungsi untuk mendefinisikan berbagai elemen tertentu. Tag sendiri digunakan untuk menandai sebuah element pada bagian awal dan akhir, dengan format yang sama diawali dengan tanda < dan ditutup dengan tanda >
Element pada HTML membentuk sebuah struktur yang memberitahukan kepada browser untuk halaman website yang akan ditampilkan. Element biasanya terdiri dari tag pembuka isi konten tag penutup
isi konten atau objek yang dikenai perintah tag dapat berupa text, gambar, maupun video. Hampir semua Tag-tag pada HTML ini memiliki Tag Pembuka dan Tag Penutup, walaupun ada beberapa tag HTML yang tidak ada Tag Penutup.
Penulisan Dasar Tag HTML
1.1. Format Dasar penulisan Tag HTML
- Diawali dengan Tag Pembuka
<namatag_pembuka> - Diakhiri Tag Penutup
</namatag_penutup> - Tag pembuka dengan tag penutup harus saling berhadapan
- Diantara Tag Pembuka dan Tag Penutup bisa menambahkan sebuah konten atau objek yang dikenai perintah tag atau Isi konten / teks, Video, gambar dll yang berada diantara Tag Pembuka dan Tag Penutup
- Perbedaan antara Tag pembuka dan tag penutup hanya dibedakan dengan tanda garis miring
/ - Dalam membuat postingan maka Penulisan kode HTML menggunakan mode "HTML" (<> Tampilan HTML) bukan mode "Compose" (✎ Tampilan Menulis)
<namatag_pembuka> Isi Konten </namatag_penutup><namatag_pembuka></namatag_penutup>
1.2. Contoh Penulisan Kode HTML
- kode HTML dalam sebuah web / blog :
- Contoh penggunaan Tag HTML dalam teks
<head>
Isi Konten Untuk tag Head
</head>
<body>
Isi Konten Untuk tag body
</body>
</html>
Sebagai contoh membuat isi konten atau teks menjadi tebal (bold) maka menggunakan Tag <b><b> untuk menebalkan (Bold) teks
Penulisan kode HTML-nya :
Hasilnya :
1.3. Menggabungkan Tag HTML
- Contoh menggabungkan Tag
<b></b>untuk menebalkan (Bold)teks dan Tag<i></i>untuk memiringkan (Italic) teks - Dalam menuliskan tag HTML yang digabungkan, seperti contoh diatas maka penempatan tag pembuka dan tag penutup jangan sampai terbalik.
- Tag pembuka pertama adalah tag
<b> - Tag pembuka kedua adalah tag
<i>
Sesuai dengan aturan penulisan kode HTML, bahwa antara tag pembuka dan penutup saling berhadapan maka penulisan tag penutupnya : - Tag penutup pertama adalah tag
</i> - Tag penutup kedua adalah tag
</b>
Tag HTML dapat digabungkan dengan tag HTML lainnya.
Kode Dasarnya :
<i>Isi Konten</i>
Contoh Penulisan HTML-nya :
<i>Contoh Penulisan Kode HTML dalam Kalimat dengan Tag Italic</i>
Hasilnya :
Contoh Penulisan Kode HTML dalam Kalimat dengan Tag Italic
Jadi dalam penulisan tag HTML jangan sampai terbalik. Contoh penulisan HTML yang TERBALIK DAN SALAH, misalnya:
Salahnya yaitu penempatan Tag Pembuka <i> berhadapan dengan
</b>
Penulisan Yang Benar seperti berikut :
Untuk jenis-jenis Tag bisa di baca di Jenis-jenis Tag dan Atribut HTML di Blog
mantap. kunjungi kami di reganapoin.blogspot.com atau mansurasyarie.wordpress.com
BalasHapus