Pengenalan HTML
HTML itu seperti tukang bangunan yang handal yang merancang fondasi unik untuk rumah webmu! 🏗️ Jadi, kalau kamu penasaran, langsung aja lihat di bawah sini! 👇
Apa itu HTML ? 🌐
- HTML adalah singkatan dari Hyper Text Markup Language
- HTML adalah bahasa standar untuk pembuatan halaman Web
- HTML menjelaskan struktur dari sebuah halaman Web
- HTML terdiri dari beberapa elemen
- 🖥️ Elemen HTML memberi tahu Browser bagaimana menampilkan konten
- 🏷️ HTML menggunakan serangkaian tag (elemen) untuk mengatur dan menyusun konten di dalam halaman web.
Contoh HTML Sederhana
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Halaman pertama saya</h1>
<p>paragraf pertama saya.</p>
</body>
</html>Penjelasan
<!DOCTYPE html>untuk mendefinisikan bahwa ini adalah dokumen HTML5- elemen
<html>merupakan elemen utama dari sebuah halaman HTML - elemen
<head>berisikan informasi mengenai halaman HTML - elemen
<title>menunjukan judul untuk sebuah halaman HTML (seperti ditampilkan pada browser title bar)
- elemen
<body>untuk mendefinisikan isi dokumen, dan merupakan wadah untuk semua elemen, seperti: paragraph, images, tables, dlln. - elemen
<h1>untuk mendefinisikan sebuah judul dengan tulisan yang besar. - elemen
<p>untuk mendefinisikan sebuah paragraf.
Jadi apakah itu elemen?
elemen merupakan bagian-bagian dasar dari sebuah halaman web yang digunakan untuk menyusun dan menandai konten. Setiap elemen HTML ditandai dengan tag yang diletakkan di antara tanda kurung sudut (< dan >). Elemen HTML memberikan petunjuk kepada browser web tentang bagaimana konten harus ditampilkan dan diinterpretasikan kepada pengguna.
<namatag>konten saya</namatag>
element HTML selalu dimulai dengan buka tag dan tutup tag :
<h1>Halaman Pertama Saya</h1>
atau
<p> paragraf pertama saya </p>
dalam sebuah elemen juga terdapat attribut , yaitu bagian tambahan untuk memberikan informasi atau mengatur perilaku dari elemen tersebut.
<p class="warna-tulisan-merah">paragraf pertama saya</p>
keterangan:
| buka tag | isi elemen | attribute element | tutup tag |
|---|---|---|---|
<h1> |
Halaman Pertama Saya | </h1> |
|
<p> |
Paragraf pertama saya | class | </p> |
<br> |
tidak ada | tidak ada | tidak ada |
💡
Terdapat beberapa elemen yang tidak memiliki isi konten atau tag penutup seperti contohnya tag <br/> .
Materi Lanjutan HTML
| Topik | Estimasi Waktu | Deskripsi |
|---|---|---|
| Elemen Teks - (comming soon) | - | Materi ini mencakup penggunaan elemen HTML untuk menampilkan teks di halaman web. Ini termasuk elemen seperti <p> untuk paragraf, <h1>-<h6> untuk judul, <span> untuk menyoroti teks, <strong> untuk teks tebal, <em> untuk teks miring, dan sebagainya. |
| Elemen Media - (comming soon) | - | Materi ini berkaitan dengan cara menambahkan media seperti gambar, video, dan audio ke dalam halaman web menggunakan elemen HTML seperti <img>, <video>, dan <audio>. Ini memungkinkan pengembang untuk memperkaya konten halaman web dengan media visual dan audio. |
| Link dan Anchor - (comming soon) | - | Materi ini membahas cara membuat tautan (link) di halaman web menggunakan elemen <a> (anchor). Ini memungkinkan pengguna untuk menavigasi antara halaman web dan sumber daya lainnya dengan mengklik tautan yang ditentukan. |
| Daftar - (comming soon) | - | |
| Formulir - (comming soon) | - | |
| Tabel - (comming soon) | - | |
| Semantik HTML - (comming soon) | - | |
| Atribut Global HTML - (comming soon) | - |