Belajar HTML (Part 2): Mempelajari Tag, Elemen Dan Atribut HTML


tutorial belajar HTML

SeniKoding.com - Hallo sobat, jika sebelumnya telah dibahas tentang Tutorial Belajar HTML (Part 1): Mempelajari Tag, Elemen Dan Atribut Kerangaka HTML. Sekarang masih belajar seputar pembahasan tersebut tetapi lebih ke body yang sering digunakan dalam halaman website.

Tutorial Belajar HTML Mempelajari Tag HTML


Tag HTML adalah definisi pengelompokan atau pemenggalan kode dalam HTML untuk memisahkan dengan kode HTML yang lain.

Penulisan kode Tag HTML seperti dibawah ini:

<nama tag> isi dokumen </end tag>
Atau,
<nama tag/>

Contoh Tag HTML: <p> </p>, <br/>, <div> </div>, <span> <span/>, <body> </body>, <table> </table>

Semua itu adalah contoh dari Tag yang ada didalam HTML dan masih banyak lagi yang lain. Intinya Tag HTML adalah sebagai pemisah dan pengelompokkan dari definisi kode HTML.

Tutorial Belajar HTML Mempelajari Elemen HTML


Elemen HTML merupakan implementasi dari definisi Tag HTML. Seperti contoh diatas Tag HTML adalah juga merupakan Elemen dari HTML. Jika Tag adalah hanya definisi atau pendefinisian sedangkan Elemen adalah implementasi atau kode sesungguhnya.

Contoh kode Elemen HTML: <h1> </h1>, <p> </p>, <b> </b>, <i> </i>, <u> </u>, <br/>, <div> </div>, <span> </span>, <table> </table>, <form> </form> dan masih banyak lagi.

- <h1>: adalah Elemen header yang digunakan untuk membuat ukuran size font teks berukuran h1.
- <p>: adalah Elemen yang berfungsi untuk membuat paragraf baru.
- <b>: Elemen yang berfungsi untuk mempertebal teks.
- <i>: Elemen yang berfungsi untuk membuat teks miring.
- <br/>: berfungsi untuk membuat baris baru.
- <div>: berfungi untuk membuat elemen baru sehingga mudah untuk memisahkan dengan elemen yang lainnya.
- <span>: mirip dengan elemen <div> yaitu untuk memisahkan dengan elemen baru, tetapi default dari span sudah dibekali dengan display:inline-block pada CSS nya.
- <table>: Elemen yang digunakan untuk membuat table dalam halaman website.
- <form>: Elemen yang digunakan untuk membuat list form.

tutorial belajar HTML
Elemen HTML

Tutorial Belajar HTML Mempelajari Atribut HTML


Sedangkan Atribut HTML merupakan kode pelengkap atau kode pendukung didalam elemen HTML.
Selain elemen itu sendiri biasanya terdapat atribut-atribut yang berfungsi untuk melengkapi dari pada elemen itu sendiri. Banyak elemen yang membutuhkan atribut, karena atribut merupakan bagian dari elemen, yang merupakan satu kesatuan didalam HTML.

Contoh Atribut HTML: didalam elemen <table> terdapat Atribut cellpadding, cellspacing, width, height dan didalam elemen <form> terdapat Atribut name, class, action.

- cellspadding:  adalah menentukan jarak isi cell dengan bingkai.
- cellspacing: adalah menentukan jarak spasi antar cell.
- width: adalah menentukan lebar table.
- height: adalah menentukan tinggi table.
- name: adalah membuat atribut nama untuk form tersebut.
- class: adalah nama class untuk kode CSS.
- action: adalah link render tujuan untuk memproses suatu aksi

tutorial belajar HTML
Atribut HTML

Sampai disini Tutorial Belajar HTML (Part 2): Mempelajari Tag, Elemen Dan Atribut HTML dan bisa dilanjut artikel berikutnya, semoga bermanfaat.

- Salam -



Berlangganan Artikel Kami Gratis, masukan Email dan Verifikasi:

0 Response to "Belajar HTML (Part 2): Mempelajari Tag, Elemen Dan Atribut HTML"

Post a Comment

* Berkomentar sesuai tema ya gaes..

- Terima Kasih -