Daftar Isi

Apa itu HTML?

PETIK.NET | HTML (Hypertext Markup Language) adalah bahasa markah standar yang digunakan untuk membuat halaman web. Dalam HTML, teks diatur menjadi elemen atau tag yang memberi tahu browser bagaimana menampilkan konten. HTML digunakan untuk membuat struktur dasar dari sebuah halaman web, termasuk judul, paragraf, daftar, tabel, gambar, hyperlink, formulir, dan banyak lagi.

HTML digunakan bersama dengan CSS (Cascading Style Sheets) untuk mengatur tampilan dan layout halaman web, serta JavaScript untuk menambahkan interaktivitas dan fungsi ke dalam halaman web. HTML adalah bagian penting dari pengembangan web dan merupakan dasar untuk mempelajari bahasa pemrograman web lainnya.

Sejarah dan Perkembangan HTML

HTML adalah bahasa markup yang digunakan untuk membuat dan mendesain halaman web. HTML pertama kali diciptakan pada tahun 1989 oleh Tim Berners-Lee, seorang fisikawan yang bekerja di CERN. Berners-Lee ingin menciptakan cara yang lebih mudah untuk berbagi informasi dan dokumen di antara para peneliti di seluruh dunia.

HTML awalnya hanya terdiri dari sejumlah kecil tag yang digunakan untuk memformat teks dan menambahkan hyperlink pada dokumen. Namun, seiring dengan perkembangan internet, HTML berkembang menjadi bahasa yang lebih kompleks dan lebih banyak tagnya untuk mendukung elemen multimedia, formulir, dan interaktivitas.

Berikut ini adalah tabel perkembangan penting dalam sejarah HTML:

Tahun	Perkembangan
1989	Tim Berners-Lee menciptakan HTML sebagai bahasa markup untuk memformat dan berbagi dokumen di CERN.
1991	Versi awal HTML dirilis sebagai bagian dari proyek WorldWideWeb.
1993	Pengembangan HTML dilanjutkan oleh IETF (Internet Engineering Task Force) dan HTML versi 2.0 dirilis.
1995	HTML versi 3.0 dirilis dengan dukungan untuk tabel dan formulir.
1997	HTML versi 3.2 dirilis sebagai standar resmi untuk HTML.
1998	W3C (World Wide Web Consortium) merilis HTML versi 4.0 dengan fitur seperti lapisan (layer) dan frame (bingkai).
2000	HTML versi 4.01 dirilis untuk memperbaiki beberapa masalah dan bug pada versi sebelumnya.
2008	HTML5 mulai dikembangkan oleh W3C dengan tujuan untuk membuat web lebih interaktif dan semantik.
2011	HTML5 versi draft dirilis dan memperkenalkan fitur-fitur baru seperti video dan audio, tag semantik baru, dan canvas.
2014	HTML5 dirilis sebagai standar resmi oleh W3C dan mendukung fitur seperti geolokasi, drag-and-drop, dan aplikasi web offline.

HTML terus berkembang seiring dengan perkembangan internet dan browser web. HTML5 adalah versi terbaru dan terus diadopsi oleh banyak pengembang web untuk menciptakan halaman web yang lebih interaktif, mudah digunakan, dan semantik

Mengapa HTML Penting untuk Web Development?

HTML penting untuk web development karena merupakan dasar dari setiap halaman web. Tanpa HTML, halaman web tidak akan memiliki struktur dan informasi yang dapat dibaca oleh browser. HTML memberikan cara untuk menentukan bagaimana informasi ditampilkan pada halaman web, seperti membuat judul, paragraf, daftar, tabel, dan banyak lagi.

Selain itu, HTML juga merupakan standar industri dan sangat mudah dipelajari. Banyak browser dan perangkat seperti smartphone dan tablet dapat memahami HTML, sehingga membuat halaman web yang dibuat dengan HTML dapat dilihat oleh banyak orang di berbagai perangkat.

Dengan demikian, HTML adalah komponen penting dalam membangun halaman web yang berkualitas dan dapat diakses oleh banyak orang. Oleh karena itu, bagi siapa saja yang ingin memulai web development, belajar HTML adalah langkah pertama yang harus dilakukan.

Struktur dasar HTML

HTML (Hypertext Markup Language) adalah bahasa markup yang digunakan untuk membuat halaman web. Berikut adalah struktur dasar dari HTML:

<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Heading 1</h1>
<p>Paragraf 1</p>
<h2>Heading 2</h2>
<p>Paragraf 2</p>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Judul Halaman</title>

</head>

<body>

<h1>Heading 1</h1>

<p>Paragraf 1</p>

<h2>Heading 2</h2>

<p>Paragraf 2</p>

</body>

</html>

Penjelasan dari masing-masing tag HTML:

< !DOCTYPE html > menandakan tipe dokumen HTML yang digunakan.
< html > merupakan tag pembuka dan penutup yang menandakan awal dan akhir dokumen HTML.
< head > adalah bagian yang digunakan untuk menyimpan informasi tentang dokumen, seperti judul halaman, meta tag, dan informasi lainnya.
< title > adalah tag yang digunakan untuk menampilkan judul halaman pada browser.
< body > adalah bagian yang berisi konten dari halaman web.
< h1 > hingga <h6> digunakan untuk membuat heading atau judul dalam dokumen.
< p > digunakan untuk membuat paragraf dalam dokumen.

Terdapat banyak tag HTML lainnya yang dapat digunakan untuk membuat halaman web yang lebih lengkap dan kompleks.

Tag HTML dan atribut

Tag HTML adalah elemen-elemen yang digunakan dalam dokumen HTML untuk menunjukkan jenis-jenis konten yang berbeda, seperti teks, gambar, video, tautan, tabel, dan sebagainya. Setiap tag HTML memiliki sintaks tertentu yang menentukan bagaimana tag tersebut harus ditulis dalam kode HTML.

Contoh tag HTML umum yang sering digunakan adalah:

< p > untuk menampilkan paragraf teks
< a > untuk membuat tautan/link ke halaman atau dokumen lain
< img > untuk menampilkan gambar
< table > untuk membuat tabel
< form > untuk membuat formulir

Selain tag HTML, ada juga atribut HTML yang digunakan untuk memberikan informasi tambahan atau memberikan nilai tertentu pada suatu tag. Atribut HTML ditulis dalam tag dan diletakkan setelah nama tag. Beberapa atribut HTML umum yang sering digunakan adalah:

class untuk memberikan nama kelas pada elemen HTML, yang nantinya dapat digunakan untuk memberikan gaya tertentu pada elemen tersebut dengan CSS
id untuk memberikan identitas unik pada elemen HTML, yang nantinya dapat digunakan untuk menautkan elemen tersebut dengan CSS atau JavaScript
src untuk menunjukkan lokasi atau URL suatu gambar atau video
href untuk menunjukkan lokasi atau URL tautan/link yang akan dibuka saat di klik

Contoh penggunaan tag HTML dengan atribut:

<a href="https://www.google.com" target="_blank">Kunjungi Google</a>
<!-- atribut "href" menunjukkan URL yang akan dibuka saat tautan di klik -->
<!-- atribut "target" menunjukkan bahwa tautan akan dibuka di tab atau jendela baru -->