Apa Itu HTML? Pengertian, Fungsi, Struktur, dan Contohnya PART-1

 Jika Anda ingin belajar membuat website, HTML adalah salah satu teknologi pertama yang perlu dipahami. Hampir setiap halaman website yang Anda buka di internet menggunakan HTML sebagai salah satu komponen dasarnya.

Lalu, apa itu HTML? Apa fungsi HTML dalam website? Bagaimana struktur HTML dan bagaimana contoh kode HTML sederhana?

Pada artikel ini, kita akan membahas HTML secara lengkap mulai dari pengertian, fungsi, struktur dasar, tag HTML, atribut, hingga contoh HTML sederhana yang bisa langsung dicoba oleh pemula.

Apa Itu HTML?

HTML adalah singkatan dari HyperText Markup Language, yaitu bahasa markup yang digunakan untuk membuat dan menyusun struktur sebuah halaman web.

HTML digunakan untuk menentukan berbagai elemen yang terdapat dalam halaman website, seperti:

• Judul

• Paragraf

• Gambar

• Link

• Tabel

• Form

• Video

• Daftar atau list

• Tombol

• Struktur navigasi

HTML bukan bahasa pemrograman seperti PHP, Python, atau JavaScript. HTML disebut sebagai markup language karena digunakan untuk memberikan struktur dan informasi kepada browser mengenai bagaimana sebuah dokumen web harus disusun.

Ketika Anda membuka sebuah website menggunakan Google Chrome, Microsoft Edge, Firefox, Safari, atau browser lainnya, browser akan membaca kode HTML kemudian menampilkan hasilnya dalam bentuk halaman web.

Kepanjangan HTML

HTML merupakan singkatan dari:

HyperText Markup Language

Jika dijabarkan:

• HyperText → teks yang dapat memiliki hubungan atau tautan menuju dokumen atau halaman lain. 

• Markup → tanda atau elemen yang digunakan untuk memberikan struktur pada dokumen. 

• Language → kumpulan aturan atau sintaks yang digunakan untuk menyusun dokumen.

Jadi, secara sederhana, HTML adalah bahasa markup untuk menyusun struktur halaman web.

Fungsi HTML

HTML memiliki beberapa fungsi penting dalam pengembangan website.

1. Membuat Struktur Halaman Website

Fungsi utama HTML adalah menentukan struktur sebuah halaman web.

Misalnya sebuah halaman memiliki:

Header
  ↓
Navigation
  ↓
Main Content
  ↓
Article
  ↓
Sidebar
  ↓
Footer

2. Membuat Judul dan Paragraf

HTML dapat digunakan untuk membuat judul dan teks pada halaman website.

Contohnya:

<h1>Belajar HTML untuk Pemula</h1>
<p> HTML adalah bahasa markup yang digunakan untuk membuat struktur halaman website</p>

Tag <h1> digunakan untuk judul utama, sedangkan <p> digunakan untuk paragraf.

3. Menambahkan Gambar

HTML juga digunakan untuk menampilkan gambar pada website.

Contohnya:

<img src="gambar jpg" alt="Contoh gambar"»

Atribut src digunakan untuk menentukan lokasi gambar, sedangkan alt digunakan untuk memberikan deskripsi gambar. 

Atribut alt juga penting untuk aksesibilitas dan membantu mesin pencari memahami isi gambar.

4. Membuat Link

HTML memungkinkan kita membuat hyperlink menuju halaman lain.

Contoh:

<a href="https://www.piksema.com"> Kunjungi Piksema
</a>

Ketika pengguna mengklik teks tersebut, browser akan membuka alamat yang ditentukan pada atribut href.

5. Membuat Form

HTML dapat digunakan untuk membuat formulir seperti:

• Form login 
• Form pendaftaran
• Form kontak
• Form pencarian
• Form komentar

Contoh sederhana:

<form>
<label>Nama:</label> <input type="text">
<button type="submit">Kirim</button> </form>

6. Membuat Tabel

HTML juga menyediakan elemen untuk membuat tabel.

Contoh:

<table>
<tr>
<th>Nama</th> <th>Jurusan</th>
</tr>
<tr>
<td>Andi</td>
<td>Informatika</td>
</tr>
</table>

7. Menambahkan Video dan Audio

HTML modern juga mendukung elemen multimedia.

Contoh video:

<video controls> ‹source src="video.mp4" type="video/mp4">
</video>

Contoh audio:

<audio controls> <source src="musik.mp3" type="audio/mpeg"> </audio>

Lanjut Part-2 Klik Disini

Location:

Share :