HTML (Hyper Text Markup Language) merupakan bahasa yang digunakan untuk membuat sebuah halaman web. Sebuah file HTML disimpan dalam format .html, misalnya index.html.
Biasanya format file ini dibaca oleh browser, seperti google chrome, mozilla firefox, dan lain-lain. File HTML ini adalah fondasi dalam membangun sebuah web.
Isi File HTML
File HTML berisikan tag. Tag-tag ini nantinya akan memberikan sinyal kepada browser tentang konten apa yang harus ditampilkan. Apakah itu berupa gambar, Judul/Heading, ataukah sebuah section dan lain-lain.
Sebuah file HTML standar, diawali dengan tag <html> dan ditutup dengan </html>. Perhatikan perbedaan kedua tag tersebut. Tag yang kedua memakai /. Tag yang memakai tanda / tersebut disebut dengan closing tag.
Kamu bisa membuat sebuah file HTML sederhana seperti berikut:
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>Simpan file diatas dengan format .html dan kemudian buka file tersebut dengan menggunakan browser. Atau kamu bisa klik 2x pada file tersebut.
Seperti yang sudah dijelaskan sebelumnya, sebuah file HTML dimulai dengan tag <html> dan ditutup dengan </html>. Setelah itu, diantara tag <html> tersebut terdapat tag <head> dan tag <body>.
Tag <head> pada HTML
Tag ini berfungsi untuk menyimpan informasi-informasi penting yang akan disediakan kepada browser. Pada kode diatas, salah satu tag yang berada dalam tag <head> adalah <title>.
Tag <title> ini nantinya berfungsi untuk menampilkan Judul website yang biasanya muncul di Tab browser kamu.
Masih banyak tag yang biasa dimasukkan ke dalam tag <head> antara lain: <meta>, <script>, <link>, <base> dan masih banyak lagi. Informasi-informasi yang terdapat didalam tag head ini juga bisa membantu web kamu untuk keperluan SEO.
Tag <body> pada HTML
Pada tag <body> ini, kamu akan banyak berurusan dengan konten. Semua yang kamu lihat pada sebuah website, biasanya terletak didalam tag <body>.
Ini merupakan area utama di mana konten sebenarnya dari halaman web ditempatkan. Pada kode diatas, kamu bisa melihat bahwa terdapat tag <h1> dan <p>. Yang mana, <h1> bertugas untuk menampilkan sebuah Judul/Heading, dan tag <p> (paragraph) berfungsi untuk menampilkan text/paragraf.
Didalam tag <body> banyak sekali tag-tag lain yang bisa kamu masukkan. Seperti <div> <section> <main> <nav> <header> dan lain-lain.
Daftar Tag Yang Ada Pada HTML
Kamu bisa mengecek tag yang bisa dipakai pada HTML di link berikut: https://www.w3schools.com/tags/
2 thoughts on “Belajar Pemrograman Web: 1. HTML”