Langsung ke konten utama

PEMBUATAN LIST DAN TABEL(4)

 A.PENDAHULUAN

   List adalah daftar berurutan yang berfungsi menampilkan data secara urut ke bawah.Dalam pembuatannya menggunakan tag <li>.Terdapat dua jenis tampilan yaitu ,

  • ordered list

menampilkan daftar list dalam bentuk huruf dan  angka <ol>

  • unordered list
menampilkan daftar list dalam bentuk bulatan atau kotak <ul>

  •    Table adalah struktur yang digunakan untuk menampilkan informasi dalam bentuk baris dan kolom.Tag yang terlibat dalam pembuatan table pada HTML :

  1. <table> adalah tag pembuka
  2. <tr> atau table row tag untuk membuat baris
  3. <td> atau table data untuk membuat kolom dalam baris
  4. <th> atau table head adalah bagian kepala table
B.TAG LIST
  •   untuk membuat daftar yang berurytan dalam dokumen HTML,digunakan <ol> (ordered list) berpasangan dengan tag </ol>
  •   masing-masing item di dalam daftar harus menggunakan tag <li> (list item) berpasangan dengan tag </li>


                                                                                         
        

  •   Artibut untuk tag <ul> adalah 'type' yang merupakan jenis tanda untuk setiap item berupa bulatan dan defaultnya.
                                                                                              
 


  •    Description List adalah list yang berisi deksripsi atau penjelasan dari sesuatu.Ada tiga tag yang digunakan untuk membuat description list :





C.TAG LABEL
Tabel terdiri dari 4 unsur utama yaitu baris,kolom,sel,dan baris.


Tag untuk membuat tabel pada HTML : 
  • tag <table> untuk membungkus table
  • tag <thead> untuk membungkus bagian kepal tabel
  • tag <body> untuk membungkus body dari tabel
  • tag <tr> (tabel row) untuk membuat baris
  • tag <td> (tabel data) untuk membuat sel
  • tag <th> (tabel head) untuk membuat judul pada header

Atribut Data yang digunakan adalah sebagai berikut :
  • rowspan = angka(baris yang di span oleh sel)
  • colspan   = angka(kolom yang di span oleh sel)                                                                      
                                  


                                                                                                         



                                                                                      
 DAFTAR PUSTAKA 
               https://freesiswa.blogspot.com/p/041-pengenalan-format-teks-dan-paragraf.html








Komentar