Saya posting blog ini agar kita dapat belajar bersama-sama tentang HTML dasar. Bagaimana cara membuat halaman HTML yang baik dan bagus.
Styles HTML
1. Background Color (Warna Latar Belakang)Properti background-color mendefinisikan warna latar belakang untuk elemen HTML. Contoh dibawah ini menerapkan warna background lightgreen untuk halaman :
<body style="background-color:lightgreen;">
<h1>Ini adalah heading</h1>
<p>Ini adalah paragraf</p></body>
2. Text Color (Warna Teks)
Properti color mendefinisikanwarna teks untuk elemen HTML. Contoh :
<h1 style="color:blue;">Ini adalah heading</h1>
<p style="color:red;">Ini adalah paragraf</p>
3. Font (Jenis Huruf)
font-family mendefinisikan font yang akan digunakan untuk elemen HTML. Contoh :
<h1 style="font-family:verdana;">Ini adalah heading</h1>
<p style="font-family:courier;">Ini adalah paragraf</p>
4. Text Size (Ukuran Teks)
font-size mendefinisikan ukuran teks untuk elemen HTML. Contoh :
<h1 style="font-size:300%;">Ini adalah heading</h1>
<p
style="font-size:160%;">Ini adalah paragraf</p>
5. Text Alignment
text-align mendefinisikan perataan teks horisontal untuk elemen HTML. Contoh
<h1 style="text-align:center;">Header rata tengah</h1>
<h1 style="text-align:left;">Header rata kiri</h1>
<h1 style="text-align:right;">Header rata kanan</h1>
<h1 style="text-align:justify;">Header rata kanan-kiri</h1>
HTML Text Formating
Format-format yang dirancang untuk menampilkan jenis huruf dari teks :
- <b>...</b> - mendefinisikan text bold
- <strong>...</strong> - mendefinisikan teks kuat
- <i>...</i> - mendefinisikan teks miring
- <em>...</em> - mendefinisikan teks ditekankan
- <mark>...</mark> - mendefinisikan teks ditandai
- <small>...</small> - mendefinisikan teks kecil
- <del>...</del> - mendefinisikan teks dihapus
- <ins>...<ins> - mendefinisikan teks dimasukkan
- <sub>...</sub> - mendefinisikan teks subscript
- <sup>...</sup> - mendefinisikan teks superscript
Terimakasih, semoga bermanfaat,
wassalamualaikum wr. wb.
Referensi :
Tidak ada komentar:
Posting Komentar