OtoTekno.id - Dasar pengenalan HTML adalah sesuatu yang harus dikuasai bagi kamu yang ingin membentuk sebuah dasar dari halaman web. Dengan adanya HTML ini kamu dapat membentuk sebuah struktur yang akan dapat dibagikan dan membuat kamu terhubung kepada suatu halaman web.
Untuk menjadi seorang web programmer, langkah awal yang harus dipelajari yakni HTML (Hypertext Markup Language). HTML adalah bahasa pemrograman yang digunakan menulis format dokumen untuk ditampilkan di web.
Dasar pengenalan HTML
Apa itu HTML? dan apa perbedaannya dengan HTML 5? HTML adalah sebuah rangkaian teknologi yang membuat suatu struktur dari sebuah halaman web. HTML ini untuk dapat menghasilkan sebuah konten web tidak bisa berdiri tunggal, HTML ini harus ditambahkan java script, CSS, dan lain-lainnya agar membentuk sebuah konten yang utuh.
Sedangkan HTML 5 adalah Hyper Text Markup Language versi 5, HTML 5 ini diciptakan sebagai penerus dari HTML yang telah ada sebelumnya. Teknologi yang dirilis pada tanggal 22 Januari 2022 ini memiliki fitur yang lebih kompleks dari pada pendahulunya. dengan adanya teknologi baru yang dikeluarkan oleh World Wide Web Consortium dan Web Hypertext Application Technology Working Group ini menambahkan kemajuan baru dalam dunia internet. berikut adalah bahasa-bahasa dasar pengenalan HTML yang perlu kamu ketahui pada Dasar pengenalan HTML:
Istilah-istilah
Agar dapat memahami pengenalan dasar HTML, kamu harus mengetahui istilah-istilah dasar berikut:
- Tag, adalah suatu tanda pengenal dokumen pada HTML yang terdiri dua bagian, yaitu Tag pembuka dan Tag penutup. Namun, pada beberapa Tag di HTML ada yang bersifat tunggal atau dapat berdiri sendiri.
- Atribut, adalah suatu bentuk informasi tambahan atau khusus yang dapat kamu isi atau kamu berikan pada tag atau dalam beberapa tag.
- Hyper Text, adalah sebuah teks aktif yang membuat suatu halaman terhubung dengan halaman lainnya.
- Markup Languange, adalah dokumen HTML yang disusun oleh tag-tag markup dan pada setiap tag pada HTML yang berisikan perintah isi dokumen yang berbeda-beda.
- Element, adalah isi dari sebuah tag yang berada antara tag pembuka dan penutup, dan hal itu juga termasuk dengan tag itu sendiri dan atribut yang ia miliki, jika ada.
Hal yang Dapat Dilakukan Menggunakan HTML
Dengan menggunakan HTML, pada dasar pengenalan HTML ada beberapa hal yang dapat kita lakukan di antaranya;
- Modifikasi format teks
- membuat link
- membuat form
- menampilkan informasi dalam bentuk tabel
- menampilkan daftar dalam bentuk point
- dan memutar audio ataupun video
Aturan Dasar HTML
Di dalam dasar pengenalan HTML ada beberapa aturan dasar yang digunakan dalam pemrograman HTML di antaranya:
- Di setiap tag harus diapit dengan kurung siku <....>
- Pada penulisan tag, anda bisa menggunakan huruf kecil maupun huruf besar (kapital), keduanya akan menghasilkan efek yang sama. Hal tsb terjadi karena source code HTML tidak case sensitive. <B> atau <b> merupakan 2 perintah yang sama dan akan menghasilkan output yang sama . Namun, disarankan menggunakan huruf kecil atau lowercase.
- Tag biasanya berpasangan, yakni ada yang awal dan ada tag akhir. Tag awal digunakan dalam menandai suatu awal style, dan tag akhir digunakan dalam menandai akhir style. Contoh: saya senang mengunjungi <b> Website Ototekno.id </b>.
- Ketika menyimpan dokumen HTML harus menggunakan teks murni yakni file yang menggunakan ekstensi html
Struktur HTML 5
<!doctype html>
<html lang="id">
<head>
<title>Ototekno</title>
<meta charset="UTF-8" />
</head>
<body>
</body>
</html>
Keterangan
<! DOCTYPE HTML>
Merupakan sebuah instruksi atau info ke web browser tentang versi HTML pada halaman yang ditulis .
Tag <html> </html>
Merupakan tanda awal dan akhir dalam suatu dokumen html.
Attribute Lang
Merupakan penjelasan bahasa dari halaman web
Tag <head> </head>
Merupakan isi bagian head, sebagai informasi pada page header.
Tag <meta charset="UTF- 8"/ >
Merupakan karakter encoding
Tag <body> </body>
Merupakan bagian dari html yang akan ditampilkan ke dalam browser. Biasanya pada bagian ini memuat teks, link, gambar, form dll.
Baca juga: 10 Tombol Shortcut Windows yang Jarang Diketahui
Penutup
Berikut di atas adalah dasar pengenalan HTML, jika artikel ini membantumu, jangan lupa untuk bagikan ke teman-teman kamu, ya. Untuk mendapatkan lebih banyak artikel menarik lainnya, kamu dapat mencarinya di OtoTekno.id.
