Belajar HTML : Atribut dalam HTML dan Penjelasan Lengkapnya

Atribut Pada HTML


Teknologi Informasi - Setelah kemarin mempelajari Pengertian dan Jenis Tag yang ada di HTML, Kesempatan kali ini kamu akan belajar mengenai Atribut-atribut yang ada di HTML. Sebelum membahas lebih jauh mengenai Atribut-atribut yang ada di HTML kamu harus mengetahui apa itu Atribut HTML.


Apa Itu Atribut pada HTML?

Pengertian Atribut 

Atribut merupakan informasi tambahan yang biasanya digunakan didalam tag pembuka. Informasi pada atribut ini bisa berupa instruksi untuk mengubah atau memodifikasi suatu teks, seperti memberikan efek ketebalan, kemiringan, warna dan lain sebagainya.

Baca Juga :

Bagian-bagian Atribut 



Atribut pada HTML dibagi menjadi 2 bagian, yaitu:
  1. Name = Nama/Jenis instruksi yang diberikan
  2. Value/nilai = nilai dari instruksi yang diberikan.
Bagian-bagian diatas dapat ditulis dengan ( name="value" ). penulisan value harus diapit dengan tanda kutip (" ").

Penulisan atribut pada HTML diawali dengan penulisan tag terlebih dahulu, lalu didalam tag pembuka kita bisa menambahkan atribut yang kita ingin terapkan/instruksikan terhadap isi dari tag tersebut. sebagai contoh:

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body> <p align="center"> Kunjungi www.info-rpl.blogspot.com untuk mendapat informasi seputar pemrograman dan teknologi</p>
</body>
</html>

Keterangan syntak diatas:
  • <p> adalah tag pembuka untuk membuat suatu paragraf
  • align adalah nama atribut
  • center adalah value/nilai yang diberikan untuk menginstruksikan isi dari tag <p></p> yaitu text nya berada di tengah (center)
  • </p> tag penutup dari paragraf
Tidak semua tag ini membutuhkan atribut didalamnya, namun kamu akan terbiasa seiring dengan perkembangan dari hasil-hasil latihan kamu.

Itulah penjelasan mengenai atribut-atribut pada HTML, Mudah bukan?. Terus ikuti pembelajaran ini secara berurutan agar kamu lebih memahami materi-materi mengenai HTML dan penggunaannya. Materi selanjutnya kamu akan belajar mengenai apa itu Format Text di HTML.

0 Comments

Posting Komentar