June 17, 2024

HTML: Pengertian, Fungsi, dan Cara Kerja

Bagi yang ingin jadi seorang web developer profesional, ada baiknya tahu dan mengenal betul pengertian HTML.

Pasalnya, HTML adalah salah satu komponen website paling penting yang harus Anda pahami dengan baik saat ini.

Bagi yang belum tahu, tenang saja karena masih ada waktu untuk belajar seputar HTML.

Di artikel ini, akan dibahas mengenai HTML secara mendalam sehingga Anda yang belum tahu bisa paham dengan baik.

Apa Itu HTML?

Apa Itu HTML

Mari kita mulai dari pengertian HTML terlebih dahulu.

HTML adalah singkatan dari Hypertext Markup Language. Bahasa pemrograman ini sering digunakan untuk membuat struktur halaman pada website supaya tampak lebih profesional dan menarik.

HTML dibuat dari kombinasi teks serta simbol yang telah disimpan dalam file tertentu.

Untuk membuat file HTML, ada standar dan format khusus yang harus diikuti dengan baik oleh penggunanya.

Format tersebut sudah tertuang di dalam standar kode internasional atau yang sering disebut sebagai ASCII (American Standard Code for Information Interchange).

Lebih jelas mengenai format ini bisa simak pada penjelasan berikut ini:

1. Tag

Tag merupakan tanda awalan serta akhiran perintah HTML yang nantinya dibaca oleh web browser.

Tag dibuat memakai kurung siku <…>, dimana didalamnya berisikan nama tag.

Setiap tag yang ada di sini punya fungsi perintah yang berbeda. 

Misalnya untuk membuat judul, heading, paragraf, miring, cetak tebal, italic, dan juga lainnya.

Tag juga ditulis secara berpasangan yang dikenal dengan sebutan tag pembuka dan tag penutup. 

Biasanya, di tag penutup ditambah dengan garis miring (/) yang posisinya ada di depan nama tag. 

Tag HTML awalnya hanya berjumlah 18.

Namun, terus bertambah hingga sekarang menjadi 250 tag.

Semua tag yang ada di sini tidak perlu dihafalkan seluruhnya karena hanya beberapa saja yang sering dipakai.

2. Elemen

Elemen menjadi komponen HTML yang berisikan seluruh kode tag pembuka sampai tag penutup.

Elemen terbuat dari teks serta simbol berupa tag pembuka,  konten, dan juga tag penutup.

Contoh: <bold>Belajar HTML</bold>.

Di suatu kondisi, elemen juga sering diisi dengan elemen lain.

Jadi elemen tadi bukan hanya satu tag saja tapi juga bisa beberapa sekaligus. Elemen seperti ini disebut sebagai nested elements. Berikut contohnya :

<html>

<body>

<h2>Judul Heading</h2>

<p>Paragraf pertama artikel.</p>

</body>

</html>

3. Atribut

Atribut merupakan informasi ataupun perintah tambahan yang sering ditambahkan di dalam elemen.

Atribut berfungsi sebagai penjelas perintah tag yang sudah disematkan di dalam elemen.

Misalnya, <img src=”gambar.jpg” alt “Bunga Matahari.”>.

Tag <img> mempunyai atribut khusus yaitu (scr) serta (alt) yang artinya browser perlu menampilkan gambar.jpg memakai alt text “Bunga Matahari”.

Fungsi HTML

HTML adalah salah satu bahasa punya banyak fungsi, diantaranya sebagai berikut :

1. Digunakan Untuk Membuat Halaman Website

Fungsi HTML yang paling sering digunakan di sini adalah untuk membuat halaman website. Dengan begitu, informasi yang dimiliki website bisa ditampilkan dan diakses oleh banyak pengunjung website tersebut.

2. Pondasi Dasar Website

Selain itu, HTML berfungsi untuk pondasi utama pembuatan website yang sering dilakukan saat ini. Beberapa bahasa pemrograman langsung diaplikasikan dengan HTML agar bisa menampilkan website yang diinginkan.

3. Menandai Teks serta Bagian Pada Halaman Web

Fungsi selanjutnya adalah penanda teks serta bagian halaman website. Selain itu, HTML berfungsi untuk tanda bagian tertentu pada website. Contohnya seperti header, navigator, main, dan footer.

Baca juga: Penjelasan Lengkap tentang Bahasa Pemrograman bagi Pemula

Cara Kerja HTML

HTML adalah

Setelah tahu pengertian dan fungsi HTML, kini masuk ke cara kerja HTML.

HTML adalah bahasa yang bisa dibilang paling mudah. Untuk cara kerjanya, simak penjelasan berikut :

  1. Pertama-tama, dokumen HTML bisa langsung dibuat di aplikasi editor HTML dan selanjutnya disimpan dengan format .html atau .htm.
  2. Biasanya, dokumen HTML yang telah dibuat lebih dari satu. Pasalnya, di dalam website ada banyak halaman, misalnya halaman utama, blog, kontak, dan sebagainya.
  3. Setiap komponen dokumen berisikan komponen HTML yang lantas menyusun bagian heading, isi konten, paragraf, dan sebagainya.
  4. Ekstensi file tersebut bisa dibuka dengan web browser yang sering digunakan, di antaranya Google Chrome, Mozilla, dan Safari.
  5. Kemudian, untuk bisa diakses pengunjung, Anda perlu mengaktifkannya terlebih dulu. Bisa dengan menyewa layanan web hosting dan selanjutnya mengupload file website.
  6. Selanjutnya, browser membaca  dan merender file HTML jadi tampilan halaman website Sehingga bisa diakses pengunjung.

Penutup

HTML adalah bahasa yang perlu dipahami dan dimengerti oleh seorang web developer agar website yang Anda buat dapat berfungsi sesuai dengan yang diharapkan. 

Sekarang Anda sudah memahami pengertian, fungsi, dan juga cara kerja HTML, bukan?

Sampai jumpa pada artikel berikutnya!

Leave a Reply