Wednesday, 21 September 2016

Percobaan Tag HTML

1. HTML Table
    Tabel salah satu cara untuk menampilkan informasi. Tabel dalam html dibuat dengan tag <table>, terdapat baris yang dibagi kedalam cell cell dimana baris dibuat dengan tag <tr>. Terdapat pula cell yang akan membentuk kolom dengan tag <td>




  

                       - Table Header

 
 

2. HTML List 
    List dalam html adalah sebuah tag untuk mengelompokkan item-item dari daftar yang ingin kita susun. didalamnya terdapat tag <DL>...</DL> untuk menyatakan tempat daftar definisi. <DT>...</DT> untuk menyatakan tempat istilah yang akan didefinisikan. <DD>...</DD> untuk menyatakan tempat definisi istilah.

 
 

3. HTML Layout
    Layout dalam html adalah penyusunan sub sub data agar lebih rapi dan mudah untuk dibaca. Tag yang digunakan:
 <Header>     - Mendefinisikan header pada bagian dokumen
 <Nav>          - Mendefinisikan sebuah wadah untuk link navigasi
 <Section>     - Mendefinisikan sebuah bagian dalam sebuah dokumen
 <Article>      - Mendefinisikan sebuah artikel
 <Aside>       - Mendefinisikan konten selain dari konten (seperti sidebar)
 <Footer>      - Mendefinisikan bagian bawah isi Layout
 <Rincian>     - Mendefinisikan rincian tambahan
 <Summary> - Mendefinisikan heading untuk <rincian> elemen

    
  

 

4. HTML Forms and Input 
   Html Forms dan input digunakan untuk memasukan unsur masukan seperti teks dan tombol submit ataupun tombol log in. Tag yang digunakan adalah:
<Form> = Mendefinisikan sebuah form HTML untuk input pengguna
<Input> = Mendefinisikan kontrol input
<Textarea> = Mendefinisikan kontrol masukan multiline (area teks)
<Label> = Mendefinisikan label untuk sebuah <input> elemen
<Fieldset> = Grup terkait unsur-unsur dalam bentuk
<Legend> = Mendefinisikan sebuah caption untuk <fieldset> elemen
<Pilih> = Mendefinisikan sebuah daftar drop-down
<Optgroup> = Mendefinisikan kelompok pilihan yang terkait dalam daftar drop-down
<Option> = Mendefinisikan pilihan dalam daftar drop-down
<Button> = Mendefinisikan sebuah tombol diklik


 
 

                            - Password Field

 
 

                            - Radio Buttons

 
 

                            - Checkboxes

 
 

                             - Submit Button

No comments:

Post a Comment