HTML (HyperText Markup Language) adalah bahasa markup yang digunakan untuk membuat dan menyusun halaman web. HTML berfungsi untuk menentukan struktur dasar dari sebuah halaman web, termasuk elemen-elemen seperti teks, gambar, link, tabel, form, dan lainnya. HTML terdiri dari elemen-elemen yang diapit oleh tag, dimana sebagian besar elemen memiliki tag pembuka () dan tag penutup (). Setiap elemen HTML memberi tahu browser bagaimana konten di dalamnya harus ditampilkan.
A. HTML Formatting
HTML formatting adalah cara menggunakan elemen-elemen HTML untuk memberikan gaya atau penekanan pada teks dalam halaman web. Tujuannya adalah membuat teks lebih jelas, menarik, dan lebih mudah dibaca oleh pengguna. HTML menyediakan berbagai elemen pemformatan yang mengubah tampilan teks tanpa mengubah makna dasar konten tersebut. Adapun elemen-elemen dalam HTML formatting yaitu sebagai berikut:
- <b> : menampilkan teks dalam format tebal, tetapi tidak memberikan arti penting pada teks tersebut
- <strong>Â : menampilkan teks dalam format tebal dan memberikan arti penting atau penekanan kuat pada teks tersebut
- <i> : menampilkan teks dalam format miring tanpa arti khusus pada teks tersebut
- <em> : menampilkan teks dalam format miring dan memberikan arti penting atau penekanan kuat pada teks tersebut
- <small> : menampilkan teks dengan ukuran yang lebih kecil
- <mark> : digunakan untuk menandai atau menyoroti teks dengan warna latar belakang
- <del> : menampilkan teks dengan coretan, sering dugunakan untuk menandai teks yang sudah tidak relevan
- <ins> : menampilkan teks dengan menggarisbawahi teks yang disisipkan
- <sub> : menampilkan teks sedikit di bawah garis normal (subscript)
- <sup> : menampilkan teks sedikit di atas garis normal (superscript)
Untuk lebih jelasnya, berikut contoh kode program untuk masing-masing elemen tersebut.
Program:
Output:
B. HTML List
HTML list adalah elemen yang digunakan untuk menampilkan daftar item di halaman web. HTML menyediakan beberapa jenis list, yaitu daftar tidak berurutan (unordered list), daftar berurutan (ordered list), dan daftar deskripsi (description list). Dengan menggunakan elemen list ini, kita dapat menyusun informasi dengan cara yang terstruktur dan mudah dibaca.
- Unordered List (<ul>)
Unordered list adalah daftar yang tidak berurutan, ditandai dengan bullet points atau simbol lainnya. List ini cocok digunakan untuk menampilkan item-item yang tidak memiliki urutan prioritas. Tag yang diguanakan untuk membuat unordered list yaitu <ul>, dan setiap item dalam list ditulis di dalam elemen <li> (list item). Adapun contoh kode dari unordered list yaitu sebagai berikut:
Program:
Output:
Dalam unordered list, properti CSS list-style-type digunakan untuk menentukan gaya penanda item daftar. Adapun gaya penanda item daftar yang dapat digunakan yaitu sebagai berikut:
- disc : mengatur penanda item daftar menjadi poin (default)
- circle : mengatur penanda item daftar menjadi lingkaran
- square : mengatur penanda item daftar menjadi persegi
- none : tidak ada penanda item daftar
Agar lebih jelas tentang penggunaan penanda item daftar tersebut, berikut programnya.
Program:
Output:
- Ordered List (<ol>)
Ordered list adalah daftar berurutan, yang biasanya menggunakan angka atau huruf untuk menunjukkan urutan item. List ini cocok untuk menampilkan langkah-langkah atau urutan prioritas tertentu. Tag yang diguanakan untuk membuat ordered list yaitu <ol>, dan setiap item dalam list ditulis di dalam elemen <li>Â (list item). Adapun contoh kode dari ordered list yaitu sebagai berikut:
Program:
Output:
