Kenapa sekaligus?
Karena beberapa pembahasan ada yang sangat pendek.
Kami mencoba untuk menggabungkan beberapa tutorial agar pembaca puas dengan artikel yang kami bagikan.
Dan beberapa tutorial itu adalah:
- Element Button
- Element List
- Element HR
- Element Formating
1# Element Button
Element Button digunakan untuk membuat suatu button semacam tombol pada halaman web.BACA JUGA: Penggunaan Gambar pada HTML
Penggunaan button banyak diterapkan untuk melakuan aksi tertentu.
Contoh sintaksnya:
<button>Simpan</button>Hasil:
Pada Element Button, Anda juga bisa menambahkan atribut pendukung seperti "type" maupun Event.
Untuk pembahasan lebih lengkap tentang event, Anda bisa membaca tutorial lengkapnya di sini.
Contoh:
<button type="button" onclick="myFunction()">Simpan</button>2# List
List digunakan untuk membuat sebuah daftar tertentu pada halaman web.List terbagi menjadi dua, yaitu ordered (ol) atau unordered (ul).
Contoh Ordered List:
<ol>
<li>wildanfuady.com</li>
<li>saungit.web.id</li>
<li>winfosehat.blogspot.com</li>
</ol>Sedangkan contoh Unordered List yaitu:
<ul>
<li>wildanfuady.com</li>
<li>saungit.web.id</li>
<li>winfosehat.blogspot.com</li>
</ul>Hasil:
Perbedaan dari keduanya adalah ol digunakan untuk membuat list berformat number. Sedangkan tag ul digunakan untuk membuat list bertipe unnumber.
3# Element Horizontal Rule (hr)
Element HR digunakan untuk membuat sebuah garis horizontal pada halaman web.Untuk membuat garis tersebut bisa menggunakan tag <hr>.
Contoh:
<h1>Selamat datang</h1>
<hr>
<h1>Pada Situs Saung IT</h1>Hasil:
4# Formating Element
Anda pun bisa membuat teks element dengan suatu format tertentu.Formating element ini merupakan tag khusus yang disediakan HTML untuk membuat suatu format penting.
Adapun macam-macam dari Formating Element adalah:
| Tag | Deskripsi | Format |
|---|---|---|
| <b> | Teks Tebal | <b>Ini teks tebal</b> |
| <strong> | Teks Penting | <strong>Ini teks penting</strong> |
| <i> | Teks Miring | <i>Ini teks miring</i> |
| <small> | Teks Kecil | <small>Ini teks kecil</small> |
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>Penerapan Formating pada HTML</title>
</head>
<body>
<b>Ini teks tebal</b>
<i>Ini teks miring</i>
<strong>Ini teks penting</strong>
<small>Ini teks kecil</small>
</body>
</html>Hasil:
Masih banyak Formating Element lainnya yang tidak kami jelaskan di sini.
Adapun Element lainnya adalah:
<em> - Emphasized Teks
<mark> - Marked Text
<del> - Deleted Text
<ins> - Inserted Text
<sub> - Subscript Text
<sup> - Superscript Text
***
Demikianlah tutorial penggunaan button, list, hr dan formating element pada HTML.
Silahkan lihat tutorial lainnya pada situs ini baik HTML, CSS, Javascript dan lain-lain.
Kami berharap situs ini dapat membantu Anda untuk memahami programming dan ilmu komputer lainnya.
Aamiin.
Comments