Dasar pengenalan HTML dan HTML 5

Dasar pengenalan HTML dan HTML 5

Ilustrasi [foto: Canva]

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.

Dasar pengenalan HTML dan HTML 5
Ilustrasi [foto: Canva]

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
Dasar pengenalan HTML dan HTML 5
Ilustrasi [foto: Canva]

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

Dasar pengenalan HTML dan HTML 5
Ilustrasi [foto: Canva]

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.

Baca Juga

Simulasi Monte Carlo
Simulasi Monte Carlo: Menebak Masa Depan dengan Angka Acak
Industri Otomotif
Mengenal 5 Inovasi Teknologi Canggih yang Merubah Industri Otomotif
Hidrolik dan Pneumatik
Pengenalan 2 Alat Ukur Hidrolik dan Pneumatik: Teknologi Penting di Dunia Industri
Blocking
Mengenal Jacking, Blocking, dan Lifting: 3 Teknik Dasar dalam Dunia Otomotif
Aljabar Boolean
Aljabar Boolean dan Gerbang Logika: Fondasi Digital yang Kuat
Sistem Bilangan
Penjelasan Tentang Sistem Bilangan Biner, Oktal, Desimal dan Hexadesimal