Apa itu HTML?

Apa itu HTML?

HTML adalah singkatan dari HyperText Markup Language. HTML ini merupakan suatu sistem yang digunakan dalam internet untuk menentukan struktur konten pada halaman web.

Sejarah HTML
HTML dibuat oleh Tim Berners-Lee, seorang ahli fisika di lembaga penelitian CERN yang berlokasi di Swiss. Dia memiliki ide tentang sistem hypertext yang berbasis internet.

Bagaimana Cara Kerja HTML?
Dokumen HTML adalah file yang diakhiri dengan ekstensi .html atau .htm. Ekstensi file ini bisa dilihat dengan mengunakan web browser apa pun (seperti Google Chrome, Safari, atau Mozila Firefox). Browser tersebut membaca file HTML dan me-render kontennya sehingga user internet bisa melihat dan membacanya.

Pengertian Tag HTML dan Fungsinya
Tag HTML memiliki dua tipe utama: block-level dan inline tags.Elemen block-level memakai semua space yang tersedia dan selalu membuat line baru di dalam dokumen. Contoh dari tag block adalah heading dan paragraf.
Elemen inline hanya memakai space sesuai dengan kebutuhannya dan tidak membuat line baru di halaman. Biasanya elemen ini akan memformat isi konten dari elemen block-level. Contoh dari tag inline adalah link dan emphasized strings.
Tag Block-Level
Tiga tag block-level yang harus dimiliki oleh setiap dokumen HTML adalah , , dan .

Tag adalah elemen level tertinggi yang menyertakan setiap halaman HTML.
Tag menyimpan informasi meta, seperti judul dan charset halaman.
Tag melampirkan semua konten yang muncul pada suatu halaman.

Heading memiliki 6 level di HTML. Level tersebut bervariasi, mulai dari sampai ke , di mana h1 merupakan level heading tertinggi dan h6 adalah level terendah. Paragraf dibuka dan ditutup dengan tag , sedangkan blockquote menggunakan tag .
Division merupakan bagian konten yang lebih besar dan biasanya terdiri atas beberapa paragraf, gambar, kadang-kadang blockquote, dan elemen lebih kecil lainnya. Kita bisa membuat mark up dengan menggunakan tag . Di dalam elemen div juga terdapat tag div lainnya.
Anda juga bisa menggunakan tag untuk list yang berurutan dan untuk list yang tidak berurutan. Masing-masing list item harus dibuka dan ditutup dengan tag . Sebagai contoh, di bawah ini adalah tampilan dasar dari list tidak berurutan dalam HTML:

<html>
<head>
<title></title>
<body>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<body>
</html>
  • List item 1
  • List item 2
  • List item 3

Tag Inline

Sebagian besar tag inline digunakan untuk memformat teks. Sebagai contoh, tag akan render elemen ke format bold, sedangkan tag akan ditampilkan dalam format italic.

Hyperlink adalah elemen inline yang mewajibkan adanya tag dan attribute href untuk mengindikasi tujuan link:

<html>
<head>
<title></title>
<body>
<a href="example.com>Disini</a>
</body>
</html>

Click me!


Gambar (image) juga merupakan elemen inline. Anda dapat menambahkan satu gambar dengan menggunakan tanpa harus membubuhkan tag penutup. Hanya saja, Anda disarankan menggunakan attribute src untuk menentukan path gambar, misalnya:

<html>
<head>
<title></title>
<body>
<img src="foto.jpg">
</body>
</html>


Jika ingin mempelajari lebih dalam tentang pengertian tag HTML serta tag HTML dan funsginya, silakan baca artikel kami tentang HTML cheat sheet (kami juga menyediakan link untuk diunduh).

Jadiā€¦ Apa Itu HTML?

HTML adalah bahasa mark up web yang utama dan dijalankan secara alami di setiap browser serta di-maintain oleh World Wide Web Consortium.

Berdasarkan cara kerja HTML, Anda bisa menggunakannya untuk membuat struktur konten pada website dan aplikasi web (dengan memakai coding HTML sederhana). HTML merupakan level terbawah dari teknologi frontend dan berfungsi sebagai dasar styling yang bisa Anda tambahkan dengan CSS dan fungsionalitas yang dapat dijalakan menggunakan JavaScript.

Leave a Reply

Your email address will not be published. Required fields are marked *

shares