Pemrograman Web 1: Implementasi Heading, Komentar, dan Pemformatan Teks dalam HTML

Artikel ini merangkum materi dasar Pemrograman Web 1 mengenai struktur heading, fungsi komentar, dan teknik pemformatan teks dalam dokumen HTML.

Pembelajaran pemrograman web pada Program Studi Informatika, Universitas Siber Asia, dimulai dengan pemahaman mendalam tentang HTML (*HyperText Markup Language*), yaitu bahasa markah standar yang digunakan untuk membuat struktur halaman web. Pada tahap awal, mahasiswa diperkenalkan dengan elemen-elemen dasar yang membentuk kerangka sebuah dokumen web.

Artikel ini merangkum materi penting dalam kuliah Pemrograman Web 1, yang berfokus pada pembuatan *heading* (judul), komentar, dan *text formatting* (pemformatan teks). Ketiga elemen ini sangat krusial dalam menyusun dokumen HTML yang terstruktur dengan baik, mudah dibaca oleh manusia, dan ramah terhadap mesin pencari.

## Struktur Judul dengan Elemen Heading

*Heading* dalam HTML digunakan untuk mendefinisikan judul dan subjudul pada sebuah halaman web. HTML menyediakan enam tingkatan *heading*, mulai dari `<h1>` hingga `<h6>`. Tag `<h1>` merepresentasikan judul utama dengan tingkat kepentingan tertinggi, sedangkan `<h6>` memiliki tingkat kepentingan terendah.

Secara visual, ukuran teks akan mengecil secara bertahap dari `<h1>` ke `<h6>`. Namun, fungsi utamanya bukan sekadar untuk memperbesar atau mempertebal teks, melainkan untuk memberikan struktur semantik—artinya memberikan makna logis pada konten agar dapat dipahami oleh mesin pencari (*search engine*) dan teknologi asistif seperti pembaca layar (*screen reader*). Penggunaan *heading* harus berurutan secara logis dan tidak boleh melompati tingkatan demi estetika visual semata.

```html
<h1>Judul Utama Halaman Web</h1>
<h2>Sub-bab Pertama Pembahasan</h2>
<h3>Detail Penjelasan dari Sub-bab</h3>
```

## Dokumentasi Kode Menggunakan Komentar

Komentar dalam HTML adalah bagian dari kode yang tidak akan dieksekusi atau ditampilkan oleh peramban (*browser*) kepada pengguna. Fungsi utama komentar adalah sebagai dokumentasi internal bagi pengembang (*developer*) untuk menjelaskan fungsi dari baris kode tertentu, memberikan catatan, atau menonaktifkan kode sementara waktu selama proses uji coba.

Penulisan komentar yang baik sangat membantu dalam proses kolaborasi tim dan pemeliharaan kode (*maintenance*) di masa mendatang. Di dalam HTML, komentar ditulis dengan menggunakan sintaks khusus, yaitu diawali dengan karakter ``.

```html

<p>Paragraf ini akan tetap tampil di layar pengguna.</p>

```

## Pemformatan Teks untuk Penekanan Informasi

*Text formatting* atau pemformatan teks adalah metode untuk mengubah tampilan fisik atau memberikan makna khusus pada teks di dalam halaman web. HTML menyediakan berbagai tag bawaan (*built-in*) untuk keperluan ini, yang terbagi menjadi pemformatan fisik dan pemformatan semantik.

Beberapa tag pemformatan teks yang sering digunakan antara lain:
* **`<b>` dan `<strong>`**: Keduanya digunakan untuk menebalkan teks. Perbedaannya, `<b>` hanya mengubah tampilan fisik (*bold*), sedangkan `<strong>` memberikan penekanan semantik bahwa teks tersebut sangat penting.
* **`<i>` dan `<em>`**: Keduanya digunakan untuk memiringkan teks. Tag `<i>` digunakan untuk istilah teknis, kata asing, atau pikiran batin (*italic*), sedangkan `<em>` memberikan penekanan lisan (*emphasis*).
* **`<u>`**: Digunakan untuk menggarisbahasi teks (*underline*), biasanya untuk menunjukkan kata yang salah eja atau nama dokumen.
* **`<mark>`**: Digunakan untuk menandai atau menonaktifkan teks dengan warna latar belakang kuning (*highlight*).

```html
<p>Mahasiswa Informatika harus memahami konsep <strong>pemrograman web</strong> dasar.</p>
<p>Istilah <em>HyperText Markup Language</em> merujuk pada spesifikasi HTML.</p>
<p>Gunakan tag <mark>penting</mark> untuk menarik perhatian pembaca pada dokumen.</p>
```

## Kesimpulan

Menguasai dasar-dasar HTML seperti *heading*, komentar, dan pemformatan teks merupakan langkah awal yang wajib ditempuh oleh setiap mahasiswa Program Studi Informatika, Universitas Siber Asia. Struktur HTML yang solid tidak hanya mempermudah proses desain menggunakan CSS (*Cascading Style Sheets*) pada tahap berikutnya, tetapi juga memastikan aksesibilitas dokumen yang optimal. Pemahaman yang kuat pada materi dasar ini akan mempermudah mahasiswa dalam mengembangkan aplikasi web yang lebih kompleks dan profesional di masa depan.

#UNSIA #pemrograman web #Heading #Fungsi komentar

Komentar (0)

Belum ada komentar. Jadi yang pertama berkomentar di bawah.

Pemrograman Web 1: Implementasi Heading, Komentar, dan Pemformatan Teks dalam HTML

Komentar (0)

Tulis Komentar

Artikel Terkait

Estetika Humanisme: Psikologi Humanistik

Estetika Humanisme: Leadership

Estetika Humanisme: Manajemen Konflik