Belajar HTML : HTML Blok dan HTML Class

 

assalamualaikum wr.wb.

Apa kabar semua ? Semoga kita selalu dalam keadaan sehat, aamiin. Kali ini saya mau berbagi mengenai HTML Blok dan Class.

HTML Blok

Setiap elemen HTML memiliki nilai tampilan default tergantung pada jenis elemenya. Tampilan nilai default untuk kebanyakan unsur adalah blok atau inline.

• Elemen blok-tingkat

Sebuah elemen blok-tingkat selalu dimulai pada baris baru dan mengambil lebar penuh yang tersedia (membentang ke kiri dan kanan sejauh itu bisa).
Contoh elemen blok-tingkat :
- <Div>
- <h1> - <h6>
- <P>
- <Form

• Inline Elements

Elemen inline tidak dimulai pada baris baru dan hanya membutuhkan sebanyak lebar yang diperlukan.
Contoh elemen inline :
- <Span>
- <a>
- <Img>


Elemen <div>
Contoh script dan hasilnya :

script yang ditulis

hasilnya

Elemen <span>
Contoh script dan hasilnya :

script yang ditulis

hasilnya

HTML Kelas
Atribut HTML class memungkinkan untuk menentukan gaya yang sama untuk elemen dengan nama kelas yang sama.
Kita akan mencoba dua unsur <div> yang menunjuk ke nama kelas yang sama, tuliskan script berikut :

Dari script diatas akan muncul tampilan di web browser seperti gambar di bawah ini.

Atribut class HTML juga dapat digunakan untuk elemen inline.
Script yang dituliskan:

 Hasilnya seperti gambar di bawah ini.

Sekian yang dapat saya postingkan hari ini. Terimakasih, semoga bermanfaat.

wassalamualaikum wr. wb.

Referensi : 
- http://www.w3schools.com/html/html_classes.asp