Baca berita tanpa iklan. Gabung Kompas.com+

Pengertian HTML, Struktur, dan Fungsinya dalam Pengembangan Web

Baca di App
Lihat Foto
Kompas.com/Rahma Atillah
Pengertian HTML, Struktur, dan Fungsinya dalam Pengembangan Web
Penulis: Rahma Atillah
|
Editor: Serafica Gischa

KOMPAS.com - Semakin pesatnya perkembangan arus internet dan teknologi informasi juga memacu pesatnya perkembangan teknologi website.

Website adalah sekumpulan halaman situs yang menampilakn berbagai macam informasi teks, gambar, animasi, suara dan lain-lain.

Sebuah website tidak lagi hanya dilihat dari informasi yang disajikannya saja, tetapi juga dari desain layout yang ditampilkan, di mana hal tersebut sebenarnya merupakan kumpulan dari kode-kode program HTML.

Baca juga: Pengertian dan Tingkatan Bahasa Pemrograman Komputer

Baca berita tanpa iklan. Gabung Kompas.com+

Apa itu HTML?

HTML (hypertext markup language) adalah salah satu bahasa pemrograman yang digunakan untuk membuat sebuah halaman web.

HTML dicetuskan oleh seorang ahli fisika di lembaga peneltian Conseil Européen pour la Recherche Nucléaire (CERN) yaitu Tim Berners-Lee pada tahun 1991 di Swiss.

HTML disebut sebagai markup language karena dalam teks HTML mengandung tag tertentu yang digunakan untuk menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen.

Pada umumnya HTML bersifat multi platform atau dapat digunakan di berbagai sistem operasi apa pun dan disimpan dengan ekstensi *.htm atau *.html agar dapat dibaca oleh browser.

Baca juga: Pengertian HTML, Tag, dan CSS

Struktur HTML 

Setiap dokumen HTML harus diawali dengan tag dan diakhiri dengan komplemennya. Tag adalah kode yang digunakan untuk me-markup teks ASCII menjadi file HTML, di mana setiap tag diapit dengan tanda kurung runcing (<html>).

Tag tersebut memberikan kaidah bahwa yang ditulis di antara kedua tag tersebut adalah isi dari dokumen HTML. Adapun jenis tag yang terdapat dalam HTML antara lain:

HTML

HTML merupakan tag dasar yang mendefinisikan bahwa dokumen adalah dokumen html. Tag ini sebagai tag pertama dalam dokumen html, adapun penulisan tag html adalah sebagai berikut:

Baca juga: 7 Langkah Dasar Pemrograman, Apa Saja?

Head

Head tag adalah kepala dokumen dari HTML, yang berfungsi untuk memberikan informasi tentang dokumen. 

Title

Title tag adalah bagian di dalam head yang digunakan untuk menuliskan judul dari dokumen HTML, yang akan muncul pada caption halaman browser jika halaman tersebut diakses. 

Body

Body tag adalah tubuh dari HTML, yang berfungsi untuk menentukan bagaimana isi suatu dokumen yang akan ditampilkan pada web browser.

Baca juga: Ciri-ciri Algoritma Pemrograman

Heading

Heading tag digunakan untuk memformat heading (judul dan sub judul) dari suatu halaman web. Terdapat 6 buah heading yang dikenal pada HTML, yaitu dari heading 1 (h1) sampai heading 6 (h6).

Horizontal ruler

Tag horizontal ruler <hr> berfungsi untuk menampilkan garis horizontal tiga dimensi di dalam halaman web, di mana pada tag horizontal tidak memerlukan elemen penutup </hr>.

Paragraph

Tag paragraph berfungsi layaknya untuk pengaturan antar paragraf di dalam halaman web. Di dalam elemen paragraf terdapat atribut: align = [left| center| right] yang berfungsi sebagai pengatur perataan paragraf.

Baca juga: Pengertian dan Perbedaan Intepreter dan Compiler pada Bahasa Pemrograman

Fungsi HTML dalam pengembangan situs web

Secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan web.

HTML berfungsi sebagai fondasi sebuah halaman website, di mana developer menggunakan kode HTML untuk mendesain tampilan elemen halaman web di browser, seperti teks, hyperlink, dan file media.

Lantas, apa kegunaan dari html dalam pengembangan web?

Berikut fungsi HTML dalam pengembangan situs web:

Baca juga: Cara Memasukkan Gambar yang Benar di HTML (Tag Gambar)

  • Membuat struktur halaman web

Fungsi utama dari HTML adalah untuk membangun struktur halaman web, yang mencakup membuat header, footer, navigasi, hingga kontennya.

  • Menambahkan elemen multimedia

Agar tampilan web lebih menarik, melalui HTML dapat menyisipkan ilustrasi dan video, tabel, grafik, dan media lainnya.

  • Membuat tautan

HTML juga berfungsi mengarahkan pengguna ke halaman atau website lain menggunakan link tertentu melalui fitur hyperlink.

  • Membuat halaman web reponsif

HTML dapat membuat halaman web menyesuaikan ukurannya sesuai dengan ukuran layar perangkat yang digunakan oleh penggunanya, sehingga dapat digunakan pada perangkat apa pun.

Baca juga: Bahasa Pemrograman Python: Kegunaan dan Contoh Penggunannya

 

Referensi:

  • Gumolung S. G. Mulia. 2020. Analisa Hyper Text Markup Language (HTML) Versi 5. Jurnal Teknik Informatika, Vol. 15 No. 2.
  • M. Reza Faisal dan Friska Abadi. 2020. Pemrograman Web Dasar I: Belajar HTML 5. Banjarbaru: Scripta Cendekia.
  • Wahyudi. 2022. Pemrograman Web: HTML dan CSS. Purbalingga: Eureka Media Aksara.
Dapatkan update berita pilihan dan breaking news setiap hari dari Kompas.com. Mari bergabung di Grup Telegram "Kompas.com News Update", caranya klik link https://t.me/kompascomupdate, kemudian join. Anda harus install aplikasi Telegram terlebih dulu di ponsel.


Baca berita tanpa iklan. Gabung Kompas.com+
Halaman Selanjutnya
Halaman
Tag

Artikel Terkait

Artikel berhasil disimpan
Lihat
Artikel berhasil dihapus dari list yang disimpan
Oke
Artikel tersimpan di list yang disukai
Lihat
Artikel dihapus dari list yang disukai
Oke
Artikel dihapus dari list yang disukai
Oke
Baca berita tanpa iklan. Gabung Kompas.com+

Kompas.com Play

Lihat Semua

Terpopuler
Komentar
Tulis komentar Anda...
Terkini
Lihat Semua
Jelajahi