HTML Tutorial – Intro

Hai kawan Betta! Betta Dev Indonesia ingin berbagi blog series yang membahas tentang langkah demi langkah untuk membuat website dengan mudah, dan yang akan kita pelajari bersama-sama adalah langkah pertama (HTML Tutorial – Intro) menuju masa depan yaitu dengan belajar HTML.
HTML adalah bahasa markup standar untuk membuat halaman Web.
w3school
Apa itu HTML?
- HTML adalah singkatan dari Hyper Text Markup Language
- HTML adalah bahasa markup standar untuk membuat halaman Website
- HTML menggambarkan/mendeskripsikan struktur halaman Web
- HTML terdiri dari serangkaian elemen
- Elemen pada HTML memberi tahu browser cara menampilkan konten
Contoh dokumen HTML
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Judul Artikel</h1>
<p>Isi artikel</p>
</body>
</html>
Penjelasan
- Deklarasi
<!DOCTYPE html>
mendefinisikan bahwa dokumen ini adalah dokumen HTML5 - Elemen
<html>
adalah root elemen dari halaman HTML - Elemen
<head>
berisi informasi meta tentang halaman HTML - Elemen
<title>
menentukan judul untuk halaman HTML (yang ditampilkan di bilah judul browser atau di tab halaman) - Elemen
<body>
mendefinisikan tubuh dari dokumen, dan merupakan wadah untuk semua konten yang terlihat, seperti judul, paragraf, gambar, hyperlink, tabel, daftar, dll. - Elemen
<h1>
mendefinisikan heading paling besar - Elemen
<p>
mendefinisikan paragraf
Apa itu HTML Element?
HTML Element atau tag HTML (biasa disebutnya) adalah definisi dari markup dokumen yang merepresentasikan konten apa yang akan ditampilkan dan tag HTML identik dengan tag awal dan tag akhir yang diantaranya disisipkan sebuah konten, sebagai contoh:
<tagname>isi konten</tagname>
dan hampir semua tag HTML dengan tag awalan dan tag akhiran.
Start tag | Element content | End tag |
---|---|---|
<h1> | Judul Artikel | </h1> |
<p> | Isi artikel | </p> |
<br> | none | none |
Catatan: Beberapa elemen HTML tidak memiliki konten (seperti elemen <br>
). Elemen-elemen ini disebut elemen kosong. Elemen kosong tidak memiliki tag akhir!
[the_ad id=”2111″]