Pada postingan kali ini, Shared-sharing bakal memberikan contoh dasar-dasar tersebut.
Namun, perlu diingat kembali, dalam membuat dokumen HTML, harus dimulai dengan deklarasi tipe dokumen: <! DOCTYPE html>.
Kemudian dimulai dengan <html> dan diakhiri juga dengan </html>.
Bagian yang terlihat dari dokumen HTML adalah bagian dalam antara <body> dan </body>.
Supaya kamu ingat kembali, berikut contoh dokumen HTML sederhana:
<! DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Judul Tajuk Pertama Saya</h1>
<p>Paragraf pertama saya.</p>
</body>
</html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Judul Tajuk Pertama Saya</h1>
<p>Paragraf pertama saya.</p>
</body>
</html>
Judul HTML
Bicara soal judul, judul HTML didefinisikan dengan tag <h1> hingga <h6>.
<h1> menentukan judul yang paling penting. <h6> mendefinisikan tajuk paling tidak penting misalnya untuk sub judul.
<h1>Judul Tajuk Saya</h1>
<h2>Judul Tajuk Saya</h2>
<h3>Judul Tajuk Saya</h3>
<h4>Judul Tajuk Saya</h4>
<h5>Judul Tajuk Saya</h5>
<h6>Judul Tajuk Saya</h6>
<h2>Judul Tajuk Saya</h2>
<h3>Judul Tajuk Saya</h3>
<h4>Judul Tajuk Saya</h4>
<h5>Judul Tajuk Saya</h5>
<h6>Judul Tajuk Saya</h6>
Dari contoh di atas, tampilan pada browser web akan seperti berikut ini:
Judul Tajuk Saya
Judul Tajuk Saya
Judul Tajuk Saya
Judul Tajuk Saya
Judul Tajuk Saya
Judul Tajuk Saya
Sampai di sini Shared-sharing anggap kamu sudah paham.Kita lanjut ke paragraf.
Paragraf HTML
Paragraf HTML didefinisikan dengan tag <p>:
<p>Ini adalah paragraf.</p>
<p>Dan ini adalah paragraf kedua.</p>
<p>Dan ini adalah paragraf kedua.</p>
Bila ditampilkan ke browser web, hasilnya seperti berikut:
Ini adalah paragraf.
Dan ini adalah paragraf kedua.
Seperti teks yang sedang kamu baca ini, merupakan paragraf.
Kita lanjut ke membuat tautan.
Tautan HTML
Tautan HTML didefinisikan dengan tag <a>:
<a href="https://shared-sharing.blogspot.com">Ini adalah tautan.</a>
Dalam browser web, tampilannya seperti berikut ini:
Ini adalah tautan.
Tujuan tautan ditentukan dalam atribut href.
Atribut digunakan untuk memberikan informasi tambahan tentang elemen HTML.
Kamu akan belajar lebih banyak tentang atribut di tahap selanjutnya.
Gambar dalam HTML
Gambar HTML didefinisikan dengan tag <img>.
File sumber (src), teks alternatif (alt), lebar, dan tinggi disediakan sebagai atribut:
<img scr="shared-sharing.jpg" alt="Shared-sharing" height="103" width="209">
Berikut hasil dari kode gambar di atas:
Tombol HTML
Tombol HTML ditentukan dengan tag <button>:
<button type="button">tombol</button>
Tampilannya di browser web sebagai berikut:
Daftar dalam HTML
Daftar HTML didefinisikan dengan tag <ul> (unordered list atau poin) atau <ol> (ordered list atau daftar bernomor), diikuti oleh tag <li> (daftar item):
<ul>
<li>Daftar poin pertama</li>
<li>Daftar poin kedua</li>
<li>Daftar poin ketiga</li>
</ul>
<ol>
<li>Daftar nomor pertama</li>
<li>Daftar nomor pertama</li>
<li>Daftar nomor pertama</li>
</ol>
<li>Daftar poin pertama</li>
<li>Daftar poin kedua</li>
<li>Daftar poin ketiga</li>
</ul>
<ol>
<li>Daftar nomor pertama</li>
<li>Daftar nomor pertama</li>
<li>Daftar nomor pertama</li>
</ol>
Bila kita tampilkan di browser web, hasilnya seperti berikut ini:
- Daftar poin pertama
- Daftar poin kedua
- Daftar poin ketiga
- Daftar nomor pertama
- Daftar nomor pertama
- Daftar nomor pertama
Nantikan artikel tahap selanjutnya hanya di Shared-sharing.
Jangan lupa untuk tinggalkan komentarnya, terima kasih 😁🙏.
<- Tahap Pertama Tahap Ketiga ->
Posts
0 komentar:
Post a Comment