Bekerja Dengan Konten HTML
Diambil dari Penjelasan camp.114
https://youtu.be/OZ3ESpSEGZc
Sebelumnya kita membahas dasar dari html , kali ini kita akan membahas tentang elemen html yang lebih yang dapat digunakan untuk membuat konten berbasis text.
Heading <h1>..</h6>
Di sesi sebelumnya kita sudah menggunakan tag ini <h1> dan <h4>.
<h1> Test </h1> <h2> Test </h2> <h3> Test </h3> <h4> Test </h4> <h5> Test </h5> <h6> Test </h6> Paragraphs <p> </p>
Paragraph adalah salahsatu element penting dalam membangun konten berbasis text. tag ini bekerja dengan memerintahkan browser untuk memberi satu spasi pad sebelum dan sesudah tag <p>
<main> <section> <h1>Emery Tak Kapok Melatih di Liga Inggris</h1> <p>Pelatih Spanyol Unai Emery masih menjalani karier yang cukup sulit di Arsenal. Meski begitu, Emery mengaku mau-mau saja melatih lagi di Liga Inggris.</p> </section> <section> <h1>Angkat Trofi di Stadion Kosong Akan Terasa Aneh Bagi Liverpool</h1> <p>Liverpool sedikit lagi akan menjuarai Liga Inggris musim ini. Namun jika hal itu terjadi, The Reds kemungkinan akan merayakannya di stadion kosong.</p> </section> </main> Line Breake <br> & Horizontal Rule <hr>
Karena pada sesi sebelumnya kita telah menggunakan line break, maka sekalian saja kita bahas<br> tag artinya membuat satu line breake, tag <hr> mempunyai fungsi yang sedikit mirip, tag <hr> ini akan membuat line break tetapi dengan menambahkan garis horizontal diantara pemisahan baris.
<main> <section> <h1>Emery Tak Kapok Melatih di Liga Inggris</h1> <br> <p>Pelatih Spanyol Unai Emery masih menjalani karier yang cukup sulit di Arsenal. Meski begitu, Emery mengaku mau-mau saja melatih lagi di Liga Inggris.</p> </section> <hr> <section> <h1>Angkat Trofi di Stadion Kosong Akan Terasa Aneh Bagi Liverpool</h1> <br> <p>Liverpool sedikit lagi akan menjuarai Liga Inggris musim ini. Namun jika hal itu terjadi, The Reds kemungkinan akan merayakannya di stadion kosong.</p> </section> </main> List
Digunakan untuk membangun konten bebasis list,yang termasuk dalam elemen list ini adalah tag tag berikut ini :
<ol>ordered list<ul>unordered list<li>list item<dl>definition list<dt>definition term<dd>definition data
sekarang kita akan membahas tag <li> <ol> dan <ul>, tag-tag ini digunakan untuk membangun item list ciri khasnya adalahmenggunakan notasi dot untuk unoreder atau angka untuk ordered list, peggunaanya seperti contoh berikut :
<p>penggunaan unordered list:</p> <ol> <li>buku</li> <li>pensil</li> <li>tas</li> </ol> <p>penggunaan unordered list:</p> <ul> <li>buku</li> <li>pensil</li> <li>tas</li> </ul> Tag-tag dalam kategori ini mempunyai attribute :
- unorder
- type : defaultnya bullet type (disc, circle, square)
- ordered
- type : ordering dari list (1, A, a, I, or i)
- reversed : urutan (backward)
- start : menentukan angka awal (for number type)
Sekarang kita akan membahas tag-tag selanjutnya yaitu <dl> <dt> dan <dd>, tag tag ini digunakan untuk membangun list dengan koten dan deskripsi yang berhubungan misal seperti daftarpustaka pada buku, seperti :
<dl> <dt> <strong>Emery Tak Kapok Melatih di Liga Inggris</strong> </dt> <dd> <p>Pelatih Spanyol Unai Emery masih menjalani karier yang cukup sulit di Arsenal. Meski begitu, Emery mengaku mau-mau saja melatih lagi di Liga Inggris.</p> </dd> <dt> <strong>Angkat Trofi di Stadion Kosong Akan Terasa Aneh Bagi Liverpool</strong> </dt> <dd> <p>Liverpool sedikit lagi akan menjuarai Liga Inggris musim ini. Namun jika hal itu terjadi, The Reds kemungkinan akan merayakannya di stadion kosong.</p> </dd> </dl> 
Top comments (0)