Thursday, December 26, 2019

Style HTML, Belajar Web dari Dasar hingga Mahir Tahap VII

  Thursday, December 26, 2019   No comments   Edit



STYLE HTML adalah sebuah atribut dari suatu elemen HTML.

Keindahan atau gaya dari tampilan sebuah website dipengaruhi oleh atribut ini.

Berikut susunan elemennya :
<namatag style="properti:nilai;">tulisan</namatag>
Yang dimaksud properti adalah properti CSS (cascading style sheets).

Begitu juga dengan nilai adalah nilai CSS.

Warna Latar

Warna latar atau dalam CSS adalah background-color.

Properti background-color mendefinisikan warna latar pada suatu elemen HTML.

Berikut contoh membuat warna latar hijau muda pada sebuah halaman :

<body style="background-color:lightgreen;">
<h1>Ini Adalah Judul Tulisan</h1>
<p>Ini adalah sebuah paragraf.</p>
</body>
Hasilnya bila ditampilkan di browser :


Hasil latihan background-color
Warna Teks

Warna teks atau color juga adalah properti CSS.

Properti color mendefinisikan warna teks pada suatu elemen HTML.

Berikut contohnya :

<h1 style="color:green;">Ini Adalah Judul Tulisan</h1>
<p style="color:red;">Ini adalah sebuah paragraf.</p>
Hasilnya bila ditampilkan di browser, judul bakal berwarna hijau dan paragraf bakal berwarna merah.

Huruf

Bentuk huruf dapat ditentukan dengan menggunakan properti CSS font-family :

<h1 style="font-family:verdana;">Ini Adalah Judul Tulisan</h1>
<p style="font-family:courier;">Ini adalah sebuah paragraf.</p>
Ukuran Teks
 
Ukuran suatu teks dapat ditentukan dengan menggunakan properti CSS font-size :

<h1 style="font-size:350%;">Ini Adalah Judul Tulisan</h1>
<p style="font-size:240%;">Ini adalah sebuah paragraf.</p>
Sejajarkan Teks
 
Cara menyejajarkan teks dapat dibuat dengan menggunakan properti CSS text-align :

<h1 style="text-align:center;">Ini Adalah Judul Tulisan</h1>
<p style="text-align:right;">Ini adalah sebuah paragraf.</p>
<- Tahap VI

0 komentar:

Post a Comment

Subscribe to: Post Comments (Atom)