PART 3 : Mengenal Elemen Block HTML

  Setelah kita mengetahui dasar HTML kita akan beranjak mengenal tentang elemen yang ada dalam html khususnya Body. Ada beberapa elemen yang akan kita bahas dan untuk tahap awal saya akan memberikan sebuah materi tentang HTML elemen block pada body. Langsung saja kita akan belajar tentang elemen elemen BLOCK pada HTML.  Disana akan ada sebuah pembahasan tentang elemen block satu persatu dan beserta contohnya. harapan saya anda dapat memahami satu persatu dari tiap elemen dan fungsinya.

  • ELEMEN P

Elemen P digunakan untuk mendefinisikan sebuah Paragrap. Untuk menuliskan sebuah paragraph kita akan menulis sebuah program <p> dan di akhiri </p> diantara program tersebut anda dapat menuliskan sebuah teks yang nantinya akan ditampilkan pada halaman suatu web.



See the Pen ELEMEN P by Ananda Van Bian (@ananda-van-bian) on CodePen.

  • ELEMEN H

Jika kita menulis sebuah paragraph pasti akan ada sebuah judul di atas paragraph. Jika tadi elemen p adalah sebuah paragraph maka untuk menulis sebuah judul kita memerlukan elemen <h1> diakhiri </h1> berikut beberapa contoh penulisan judul dalam html


See the Pen header1 by Ananda Van Bian (@ananda-van-bian) on CodePen.


  • ELEMEN DL
Elemen DL digunakan untuk mendefinisikan sebuah daftar. Misalkan anda akan membuat sebuah daftar untuk nama buah dan sayur anda akan menggunakan elemen ini untuk mendefinisikanya. Didalam elemen DL terdapat elemen DT dan DD. Untuk DT format untuk menuliskan sebuah teks dia akan sejajar ke kiri sedangkan untuk DD tulisan teks akan sejajar ke kanan


See the Pen dl by Ananda Van Bian (@ananda-van-bian) on CodePen.
  •  ELEMEN OL
Elemen OL sama dengan Elemen DL fungsi dari dia untuk mendefinisikan sebuah daftar akan tetapi untuk elemen OL penampilan daftar dia menggunakan sebuah urutan angka atau huruf.


See the Pen ol by Ananda Van Bian (@ananda-van-bian) on CodePen.
  • ELEMEN UL
Digunakan untuk mendefinisikan daftar tanpa urutan


See the Pen ul by Ananda Van Bian (@ananda-van-bian) on CodePen.

  • ELEMEN LI
Elemen LI digunakan untuk mendefinisikan item dari OL ataupun UL Liat elemen OL dan LU


  • ELEMEN ADDRES
Elemen addres digunakan untuk mendefinisikan teks dalam format alamat


See the Pen adreesss by Ananda Van Bian (@ananda-van-bian) on CodePen.

  • Elemen INS
 digunakan untuk mendefinisikan teks yang baru ditambahkan pada dokumen yang nantinya format penulisan pada ins akan ada  garis bawah.


See the Pen ins by Ananda Van Bian (@ananda-van-bian) on CodePen.

  • Elemen DEL
Elemen del digunakan untuk membuat efek tulisan dicoret pada teks


See the Pen del by Ananda Van Bian (@ananda-van-bian) on CodePen.

  • Elemen DIV
digunakan untuk wadah konten dan nantinya akan digunakan sebagai pemisah antara wadah satu dengan wadah lain pada CSS


See the Pen div by Ananda Van Bian (@ananda-van-bian) on CodePen.
  • Elemen span 
Digunakan untuk mendefinisikan sebuah wadah teks

See the Pen span by Ananda Van Bian (@ananda-van-bian) on CodePen.

  • Elemen HR 
digunakan untuk mendefinisikan sebuah garis horizontal


See the Pen hr by Ananda Van Bian (@ananda-van-bian) on CodePen
  • Element PRE 
digunakan untuk mendefinisikan paragraph menggunakan teks asli tanpa format


See the Pen pree by Ananda Van Bian (@ananda-van-bian) on CodePen.

0 Response to " PART 3 : Mengenal Elemen Block HTML"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel