Belajar HTML : Style HTML – Bagian VIII

Oleh Diposting pada
Belajar HTML : Style HTML - Bagian VIII

Sekarang ini kita akan belajar mengenai Atribut Style pada HTML.

Atribut Style digunakan ketika kita ingin menambahkan sebuah gaya ke elemen, seperti Warna, Font, Background, Ukuran, dan lain-lain. Sebagai Contoh :
Teks Ini Berwarna Kuning
Background Merah
Teks Ini Lebih Besar

Atribut Style Pada HTML

Mengatur sebuah Style pada elemen HTML, dapat kita lakukan dengan menambahkan atribut style=” “.
Berikut ini contoh penulisan atribut Style kedalam HTML.
<tagname style='property:value'>Konten</tagname>

Penting yang dimaksud property didalam atribut style tersebut adalah CSS (Cascading Style Sheet), untuk mengetahui lebih lengkap mengenai CSS Property kalian dapat menuju link ini https://www.w3schools.com/css/default.asp

Warna Background / Latar Belakang

Background-color merupakan salah satu dari CSS Property yang ada, dengan property tersebut, kalian dapat mengubah Warna Latar Belakang.

Sebagai contoh disini kita akan mengubah warna latar belakang pada halaman Web menjadi warna Powderblue :

See the Pen CSS Property – Background by Rahman (@rahmannur19) on CodePen.

Mengubah warna latar belakang teks di elemen HTML :

 

See the Pen CSS Property – Background Teks by Rahman (@rahmannur19) on CodePen.

Warna Teks

Untuk menentukan warna pada teks, kalian dapat menggunakan CSS Property color.
Sebagai contoh :

See the Pen CSS Property – Color by Rahman (@rahmannur19) on CodePen.

Jenis Font

Untuk menentukan jenis font sebuah teks, kalian dapat menggunakan CSS Property font-family.
Sebagai contoh :

See the Pen CSS Property – Font Family by Rahman (@rahmannur19) on CodePen.

Ukuran Teks

Untuk menentukan ukuran teks, kalian dapat menggunakan CSS Property font-size.
Sebagai contoh :

See the Pen CSS Property – Font Size by Rahman (@rahmannur19) on CodePen.

Perataan Teks

Untuk mengatur perataan teks horizontal, kalian dapat menggunakan CSS Property text-align.
Sebagai contoh :

See the Pen CSS Property – Text Align by Rahman (@rahmannur19) on CodePen.

Rangkuman

  • Gunakan atribut style untuk menata elemen HTML.
  • Gunakan atribut background-color untuk menggubah warna latar belakang.
  • Gunakan atribut color untuk mengubah warna teks.
  • Gunakan atribut font-family untuk mengubah jenis font.
  • Gunakan atribut font-size untuk mengubah ukuran teks.
  • Gunakan atribut text-align untuk mengatur perataan teks.

Posting terkait:

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *