HTML, atau Hyper Text Markup Language, adalah dasar dari World Wide Web. Pada awal mula internet, file HTML berfungsi sebagai pondasi konten web, disimpan di server terpusat dan diakses oleh browser untuk menampilkan informasi.

Meskipun penting, HTML bukanlah bahasa pemrograman; sebaliknya, HTML adalah bahasa markup yang terstruktur menggunakan tag. Saat membuat file HTML dasar, file tersebut biasanya disimpan dengan ekstensi file .html.

Intinya, berkas HTML berisi konten tekstual, seperti paragraf atau judul, yang diatur dengan markup yang memberi instruksi kepada browser tentang cara menyajikan konten kepada pengguna.

Struktur Dasar HTML

Setiap dokumen HTML dimulai dengan deklarasi dan diikuti oleh elemen-elemen dasar berikut:

<!DOCTYPE html>
<html>
<head>
    <title>Judul Halaman</title>
</head>
<body>
    <h1>Selamat Datang di Dunia HTML!</h1>
    <p>Ini adalah paragraf pertama di halaman web Anda.</p>
</body>
</html>

<!DOCTYPE html>: Menunjukkan bahwa ini adalah dokumen HTML5.

  • <html>: Elemen root dari halaman HTML.
  • <head>: Berisi metadata, seperti judul halaman.
  • <body>: Berisi konten yang akan ditampilkan kepada pengguna.

Elemen dan Tag

HTML terdiri dari elemen yang ditandai dengan tag. Contoh elemen dasar:

  • <h1> hingga <h6>: Tag untuk judul dengan tingkat kepentingan yang berbeda.
  • <p>: Tag untuk paragraf.
  • <a>: Tag untuk tautan (hyperlink).
  • <img>: Tag untuk menampilkan gambar.

Contoh penggunaan tag:

<h1>Ini Judul Utama</h1>
<p>Ini adalah paragraf yang menjelaskan tentang HTML.</p>
<a href="https://www.balaiweb.com">Kunjungi Website</a>
<img src="gambar.jpg" alt="Deskripsi Gambar">

Atribut dalam HTML

Atribut memberikan informasi tambahan tentang elemen. Misalnya, pada tag <a>, kita bisa menambahkan atribut href untuk menentukan alamat tautan.

Contoh :

<a href="https://www.example.com" target="_blank">Kunjungi Website</a>
  • target="_blank": Membuka tautan di tab baru.

Membuat Daftar

HTML memungkinkan kamu untuk membuat daftar terurut dan tidak terurut:

<h2>Daftar Belanja</h2>
<ul>
    <li>Apel</li>
    <li>Jeruk</li>
    <li>Pisang</li>
</ul>

<h2>Langkah-langkah Memasak</h2>
<ol>
    <li>Panaskan oven</li>
    <li>Campurkan bahan</li>
    <li>Panggang selama 30 menit</li>
</ol>

Definisi

Sekarang saya ingin memberi tahu sesuatu tentang HTML yang harus kamu ketahui.

HTML tidak bersifat presentasi. HTML tidak peduli dengan bagaimana sesuatu akan terlihat.

Sebaliknya, hal ini berkaitan dengan sebuah arti.

Itu adalah aspek presentasi.

Kesimpulan

HTML hanya peduli dengan konten.

Ia hanya menambahkan beberapa gaya yang telah ditetapkan di sana-sini, seperti misalnya dengan daftar. Namun hanya itu saja. Tidak ada kustomisasi yang dapat anda lakukan pada tampilannya dalam HTML.

Ini akan menjadi tugas CSS, tapi itu cerita untuk lain waktu.

Categorized in:

Fundamentals, HTML, Tech,