Belajar HTML Part 4 (List, Blok dan Inline Element)

ASSALAMU'ALAIKUM Wr. Wb.

Disini saya akan memberikan materi:

1. List
2. Blok dan Inline element

A. Tahap Pelaksanaan

  1. LIST
         
        Merupakan sebuah daftar baik menggunakan angka, simbol ataupun huruf.
    Macam-macam List beserta penjelasan dan bentuk dasar.
    
Penerapan dalam Sublime Text :

• Buka Sublime Text
• Sintaks pembuatan type Disc seperti dibawah ini.

•  Dan hasilnya 

  2.Blok and Inline element

    Element HTML memiliki nilai tampilan default tergantung jenis elementnya. Sedangkan Inline adalah salah satu tampilan nilai default untuk banyak unsur.

     - Elemen blok-tingkat: dimulai pada baris baru dan mengambil lebar penuh yang tersedia.

- Contoh elemen blok bertingkat :

•   <div>
•   <H1>-<H6>
•   <P>
•   <form>

     - Inline element : tidak dimulai pada baris baru dan hanya membutuhkan banyak lebar yang diperlukan.

-> Contoh elemen inline:

•  <span>
•  <a>
•  <img> 

 Penerapan coding dari <div> dan <span>  

•   Buka sublime text
•   Masukkan coding dibawah ini 

• Dan hasilnya

B. Kesimpulan
 List yang dapat kita gunakan untuk membuat daftar dan membuat rapi tampilan yang akan kita buat dalam suatu program. Dan perbedaan antara span dan div dalam sebuah HTML. Div digunakan sebagai wadah untuk element HTML lain. Span digunakan sebagai wadah untuk beberapa teks.

Sekian dari saya apabila ada alah kata mohon dimaafkan, Suwun Terimakasih.

WASSALAM