Belajar Html (Part 5): Mempelajari List Dan Tag Div Html
- pada kesempatan ini Admin akan melanjutkan artikel berikutnya seputar tutorial berguru HTML. Bilamana ada yang belum membaca artikel-artikel dasar HTML sebelumnya, sanggup dibuka lagi artikel part-part yang lalu. Pada artikel sebelumnya sudah dibahas dunia HTML lebih fundamental sehingga buat pemula atau yang belum pernah berguru HTML sanggup membuka lagi artikel sebelumnya, sebelum masuk ke artikel ini dan selanjutnya.
Tutorial Belajar HTML Mempelajari List HTML
List HTML yaitu arahan HTML yang berfungsi untuk menampilkan daftar dalam halaman web. HTML mempunyai tag khusu untuk menampilkan list. Jika daftar tersebut tidak urut sanggup memakai "bullet", maka tag yang dipakai yaitu <ul> yang berarti Unordered List. Namun kalau daftar tersebut yaitu daftar yang penting urutannya "angka", maka tag yang dipakai yaitu <ol> yang berarti Ordered List.
Contoh arahan List HTML:
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <h1>Tugas Akhir Teknik Informatika 2017</h1> <ul> <li>Pendahuluan</li> <ol> <li>Latar Belakang</li> <li>Rumusan Masalah</li> <li>Tujuan</li> <li>Batasan Masalah</li> </ol> <li>Daftar Pustaka</li> <ol> <li>Definisi Teknik Informatika</li> <li>Buku Pemrogramman web</li> </ol> </ul> </body> </html>
Dari arahan List HTML diatas sanggup menghasilkan tampilan halaman website menyerupai gambar dibawah ini.
 |
| List HTML |
Tutorial Belajar HTML Mempelajari Tag Div HTML
Tag Div yaitu tag yang ada didalam pengkodean HTML, berfungsi untuk mempermudah pemformatan dengan melaksanakan satu tag yaitu Div. Tag Div mempunyai dua macam atribut yaitu Class dan Id. Atribut ini berafiliasi dengan script CSS yang akan dibahas lebih lanjut di artikel selanjutnya. Intinya pembuatan tag Div sangat membantu dalam custom arahan HTML, yang memang semakin rapi dan simple arahan kegiatan terutama HTML akan semakin powerfull juga terhadap halaman website.
Contoh arahan Div HTML:
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <div id="container"> <h1></h1> <p>Situs Berita Teknologi dan Tutorial</p> <div id="header"> ... ISI HEADER ... </div> <div id="content"> <div class="sidebar"> ... ISI SIDEBAR ... </div> <div class="isi-content"> ... ISI KONTEN ... </div> </div> <div id="footer"> ... ISI FOOTER ... </div> </div> </body> </html>
Kode diatas yaitu hanya kerangka arahan tag Div. Jika digabungkan dengan arahan CSS maka kerangka itu sanggup menjadi desain website. Untuk lengkapnya mudah-mudahan sanggup dijelaskan di artikel selanjutnya. Tetapi dengan kerangka itu kita sudah sanggup menciptakan lebih gampang pola-pola atau rancangan desain website yang kita inginkan. Silakan sahabat ber eksperimen sediri dengan panduan artikel ini.
Sampai disini Tutorial Belajar HTML Mempelajari List dan Tag Div HTML, supaya bermanfaat.
- Salam -