Cara Menggunakan Tag Style di HTML

Assalamu’alaikum sobat Belajar Koding, sebelum nya saya sudah membahas tentang Cara Membuat Paragraph di HTML, kali ini saya akan membahas tentang Cara Menggunakan Tag Style di HTML. Fungsi dari tag style tersebut adalah agar kita bisa insert sebuah css kedalam tag tertentu di html.

Secara default bentuk nya seperti ini :

Penjelasan :

  • Property yang ada didalam tag style adalah property punya CSS, contoh nya margin, padding, background-color.
  • Value adalah nilai dari CSS yang akan kita berikan, contoh nya 14px, white, 10pt.

Sekarang kita buat 1 file html, misalkan nama nya tag-style.html dan isi nya sebagai berikut :

Output nya akan seperti ini :

Bisa dilihat, kita sudah berhasil memasukkan CSS kedalam tag tag yang kita pilih yaitu h1, h2, h3 dan h4. Warna dari heading berubah sesuai dengan value CSS yang kita berikan didalam tag style.

Apakah kita bisa memberikan lebih dari satu property dan value CSS didalam tag style ?

Ya, tentu saja bisa. Sekarang kita edit file tag-style.html yang tadi, kemudian kita isi sebagai berikut :

Jadi, untuk menambahkan property CSS nya lagi, cukup langsung saja setelah titik koma insert kembali property CSS dan value nya.

Output nya seperti ini :

Kurang lebih seperti itu Cara Penggunaan Tag Style di dalam HTML. Mudah mudahan bermanfaat untuk kalian. Jika bermanfaat bisa di share ke teman teman kalian. Terimakasih.

Leave a Reply

Your email address will not be published. Required fields are marked *