Published on
Minggu, 5 Mei 2024

HTML #1: Dasar

avatar
Authors
Hizbullah Najihan
Instagram
@hizz.nn

HTML, atau Hypertext Markup Language, adalah bahasa markah yang digunakan untuk membuat struktur dasar halaman web. Dengan HTML, Anda dapat menentukan teks, gambar, tautan, dan elemen-elemen lainnya dalam sebuah dokumen web. Ini adalah fondasi dari hampir semua halaman web yang Anda lihat di internet, bekerja berdampingan dengan teknologi seperti CSS dan Javascript untuk memberikan pengalaman web yang interaktif dan menarik. HTML menggunakan tag-tag untuk menandai elemen-elemen di dalam dokumen, memungkinkan peramban web untuk menafsirkannya dan menampilkannya kepada pengguna.

Apa itu HTML ?

Hypertext Markup Languange (HTML) adalah bahasa markah standar untuk dokumen yang dirancang untuk ditampilkan di peramban internet. Ini dapat dibantu oleh teknologi seperti Cascading Style Sheets (CSS) dan bahasa skrip lainnya seperti Javascript, VBScript, dan PHP.

https://id.wikipedia.org/wiki/HTML

Perbedaan HTML, CSS & JavaScript:

qYyl0x6xcvKLXKJaatFegsxYJPmMFUwUnan8Q7ql.png

HTML Sebagai Bahasa Markup:

Hypertext Markup Languange – Digunakan untuk membuat struktur sebuah “paper” agar mudah dibaca dan dibagikan melalui internet pada masanya

MDMSbDEaWcAY1jJ0NzpVPUOEKHSl0NWEPAoZqh6M.png

source: https://datatracker.ietf.org/doc/html/rfc1866

Struktur Dasar HTML:

Sebuah dokumen HTML biasanya terdiri dari elemen-elemen dasar, termasuk:

  1. <!DOCTYPE html>: Ini adalah pernyataan yang memberi tahu peramban bahwa dokumen adalah dokumen HTML versi terbaru.
  2. <html>: Tag <html> mengelilingi seluruh konten halaman web.
  3. <head>: Bagian <head> berisi informasi meta tentang dokumen, seperti judul halaman, pautan ke stylesheet (CSS), dan metadata lainnya.
  4. <title>: Tag <title> menentukan judul dari halaman web, yang akan ditampilkan di jendela peramban.
  5. <body>: Tag <body> berisi semua konten yang ingin Anda tampilkan di halaman web, seperti teks, gambar, tautan, dan lainnya.

HTML Tags:

Cara membuat element adalah dengan menuliskan tag HTML. Biasanya ( tidak semuanya ) suatu element ditulis dengan tag “pembuka” dan ”penutup”.

4TNODO789HqOVRHtNztdjFMA4dzlSqYHENstnuo1.png

Contoh Kode HTML Sederhana:

<!DOCTYPE html> <html> <head> <title>Pejuang Pemrogaman</title> </head> <body> <h1>Selamat Datang di Blog Pejuang Pemrogaman!</h1> <p>Ini adalah paragraf pertama di blog Pejuang Pemrogaman.</p> <img src="gambar.jpg" alt="Deskripsi gambar"> <a href="https://www.contohlink.com">Tautan Contoh</a> </body> </html>