HTML atau Hypertext Markup Language adalah bahasa markah yang digunakan untuk mengatur struktur halaman web sehingga dapat ditampilkan di peramban web. HTML bukanlah bahasa pemrograman, melainkan bahasa mark-up yang digunakan untuk menandai elemen-elemen halaman web. Dapat dikatakan bahwa HTML adalah dasar utama untuk mengatur struktur halaman web sebelum membicarakan desain dan fungsionalitas. HTML memiliki 4 fungsi:
- Untuk mengatur halaman web dengan lebih baik.
- Untuk menampilkan teks di browser web dengan menyorotnya menggunakan format HTML.
- Untuk membuat tautan antar halaman atau situs web lain.
- Anda dapat menambahkan berbagai jenis media seperti menyisipkan foto, video, atau suara ke dalam halaman web.
Ketika membuat halaman web menggunakan html, kita perlu memahami bagaimana cara menggunakan tag dan elemen-elemen apa saja yang diperlukan untuk membuat halaman web kita menjadi lebih terstruktur. Berikut ini saya akan menjelaskan tag dan elemen apa saja yang digunakan dalam HTML.
- Tag dan elemen HTML
Tag adalah kode yang digunakan untuk memberi tahu browser web untuk apa teks HTML yang ditulis. Dalam HTML, kita menggunakan label untuk merapikan isi yang ada di dokumen HTML. HTML membutuhkan metode untuk menampilkan teks yang tertulis di dalamnya kepada web browser, baik dalam bentuk daftar, paragraf, link, dll. Tag digunakan di sini. Ketika menulis sebuah tag, hampir semua orang menggunakan tag pembuka dan tag penutup, dimana objek yang dimaksud berada di antara tag pembuka dan tag penutup.
Apa sih perbedaan tag dan elemen?
Tag adalah penanda yang digunakan untuk mengidentifikasi elemen dalam dokumen HTML. Tag ditulis dalam tanda kurung siku (<>) dan biasanya terdiri dari dua bagian: tag pembuka dan tag penutup. Sementara itu, elemen adalah unit dasar atau komponen lengkap dalam HTML yang terdiri dari tag pembuka, tag isi dan tag penutup. Elemen dapat dilihat sebagai gabungan dari tag dan konten yang berada di antara tag tersebut. berikut beberapa jenis tag yang sering anda jumpai kalo di web programing :
- <a> untuk membuat tautan antar dokumen html satu dengan dokumen html lainnya.
- <p> untuk membuat paragraf.
- <h1> digunakan untukmembuat judul.
- <head>mendeefinisikan judul dokumen.
- <body> mendefinisikan isi dan konten dari dokumen HTML.
- <title> mendefinisikan judul halaman.
- <div>untuk mendefinisikan sebuah halaman.
- <link>untuk mendefinisikan hubungan antar dokumen.
- <script>untuk mendefinisikan skrip sisi klien.
- <table>untuk mendefinisikan tabel.
- <th> untuk mendefinisikan sel header dalam tabel.
- <td> untuk mendefinisikan sel dalam tabel.
- <tr> untuk menentukan sel dalam tabel.
- <ul> untuk membuat baris dalam tabel.
- <li> untuk menentukan daftar berpoin.
- Format Text Pada HTML
Dalam penuliasan HTML sangat sering menggunakan format text didalamanya. baik itu dalam penulisan judul, ataupun isi dari content/halaman dari website sendiri. Berikut beberapa penjelasan dan contoh dari Format Text Pada HTML. Berikut format text yang sering digunanakan dalam HTML.
- <b> untuk format text bold/tebal.
- <em> untuk format text italic/miring.
- <u> untuk format text underline/garis bawah.
- <small> untuk format text kecil.
- <sub> untuk format subscripted teks.
- <sup> untuk format superscripted teks.
- <ins> untuk format text garis bawah.
- <del> untuk format text dengan garis di tengah.
- <mark> untuk format text yang berwarna.
Input :
Output :
penjelasan lebih jelas dapat dilihat pada vidio berikut ini
Baca konten-konten menarik Kompasiana langsung dari smartphone kamu. Follow channel WhatsApp Kompasiana sekarang di sini: https://whatsapp.com/channel/0029VaYjYaL4Spk7WflFYJ2H
