Rangkuman Code html Buat Percantik tampilan blog Keren
Inilah kumpulan kode html untuk mempercantik tampilan blog biar keren
Kode html membuat link eksternal (halaman landing page terbuka ditab baru setelah teks di-klik)
<a href="http://curhatspiritual.blogspot.com/" style="text-decoration: none;" target="_blank"></a>
Contoh :
<a href="http://curhatspiritual.blogspot.com/" style="text-decoration: none;" >Laman Home Ilmu Karomah Dan Laduni</a>
Kode html untuk membuat link internal (halaman landing page terbuka menutupi halaman sebelumnya setelah teks di-klik)
<a href="http://curhatspiritual.blogspot.com/" style="text-decoration: none;" >Laman Home Page Blog Solo Online</a>
Contoh :
Kode html untuk mengganti warna pada teks.
Ungu : <span style="color: purple;">Ungu</span>
Merah : <span style="color: red;">Merah</span>
Biru : <span style="color: blue;">Biru</span>
Hijau : <span style="color: lime;">Hijau</span>
Kode html untuk memberi warna background (latar belakang teks) :
<span style="background-color: blue;"><span style="color: yellow;">background teks</span></span>
Contoh : background teks
Kode html untuk mengganti besar kecilnya font.
Kecil : <span style="font-size: x-small;">Kecil</span>
Besar : <span style="font-size: large;">Besar</span>
Kode html untuk mengganti model huruf.
Trebuchet : <span style="font-family: "Trebuchet MS",sans-serif;">Trebuchet</span>
Arial : <span style="font-family: Arial,Helvetica,sans-serif;">Arial</span>
Verdana : <span style="font-family: Verdana,sans-serif;">Verdana</span>
Lucida handwriting : <span style="font-family: "lucida handwriting",sans-serif;">Lucida handwriting</span>
Kode html untuk membuat baris baru : <br>
Kode html untuk membuat garis lurus horizontal : <hr>
Contoh :
Kode html untuk membuat paragraf rata kanan (right), tengah (center), kiri (left) dan kanan-kiri (justify).
Kode html paragraf rata kanan :
<div style="text-align: right;">
Silahkan kalian belajar html bila kalian ingin bisa mempercantik tampilan blog kalian! perbanyak perbendaharaan kumpulan kode html kalian ya! Thank, selamat mengumpulkan kode html dan selamat belajar, semoga kalian sukses.</div>
Contoh :
Kode html untuk membuat table.
<table width="225" border="5">
<tr>
<td width="25">No</td>
<td width="150">Nama Barang</td>
<td width="50">Harga</td>
</tr>
<tr>
<td>1</td>
<td>Truk Toyota</td>
<td>200 Jt</td>
</tr>
</table>
Contoh :
Kode html copyright (hak cipta) .
©
Contoh : ©
Kode html spasi :
Kode html efek teks bergerak ke kiri.
<marquee>Teks bergerak ke kiri</marquee>
Contoh :
Kode html menebalkan (bold), memiringkan (italic), menggaris bawahi (underline) dan mencoret teks (strikethrough).
Teks normal
<b>Teks tebal</b> contoh : Teks tebal
<i>Teks miring</i> contoh : Teks miring
<b>Teks digaris bawahi</b> contoh : Teks digaris bawahi
<strike>Teks dicoret</strike> contoh :Teks dicoret
Kode html untuk memberi nomor urut.
<ol>
<li>Tingkat dasar.</li>
<li>Tingkat menengah.</li>
<li>Tingkat atas.</li>
</ol>
Contoh :
<ul>
<li>Website pribadi.</li>
<li>Website toko online.</li>
<li>Website bisnis.</li>
</ul>
Contoh :
Kode html untuk memberikan warna backgroud (latar belakang) paragraf.
<div style="background-color: yellow; border: 1px solid black; padding: 7px; width: auto;">Membuat website itu mudah, asal sudah tahu caranya. Bagaimana supaya kalian bisa tahu rahasia membuat website itu mudah? syarat utamanya adalah kalian harus suka membaca, selanjutnya adalah kalian harus ada kemauan untuk memulai belajar</div>
Silahkan kalian belajar html bila kalian ingin bisa mempercantik tampilan blog kalian! perbanyak perbendaharaan kumpulan kode html kalian! Thank, selamat mengumpulkan kode html dan selamat belajar, semoga kalian bisa dan sukses. |
Kode html untuk membuat table.
<table width="225" border="5">
<tr>
<td width="25">No</td>
<td width="150">Nama Barang</td>
<td width="50">Harga</td>
</tr>
<tr>
<td>1</td>
<td>Truk Toyota</td>
<td>200 Jt</td>
</tr>
</table>
Contoh :
No | Nama Barang | Harga |
1 | Truk Toyota | 200 Jt |
Kode html copyright (hak cipta) .
©
Contoh : ©
Kode html spasi :
Kode html efek teks bergerak ke kiri.
<marquee>Teks bergerak ke kiri</marquee>
Contoh :
Kode html menebalkan (bold), memiringkan (italic), menggaris bawahi (underline) dan mencoret teks (strikethrough).
Teks normal
<b>Teks tebal</b> contoh : Teks tebal
<i>Teks miring</i> contoh : Teks miring
<b>Teks digaris bawahi</b> contoh : Teks digaris bawahi
<strike>Teks dicoret</strike> contoh :
Kode html untuk memberi nomor urut.
<ol>
<li>Tingkat dasar.</li>
<li>Tingkat menengah.</li>
<li>Tingkat atas.</li>
</ol>
Contoh :
- Tingkat dasar.
- Tingkat menengah.
- Tingkat atas.
<ul>
<li>Website pribadi.</li>
<li>Website toko online.</li>
<li>Website bisnis.</li>
</ul>
Contoh :
- Website pribadi.
- Website toko online.
- Website bisnis.
<div style="background-color: yellow; border: 1px solid black; padding: 7px; width: auto;">Membuat website itu mudah, asal sudah tahu caranya. Bagaimana supaya kalian bisa tahu rahasia membuat website itu mudah? syarat utamanya adalah kalian harus suka membaca, selanjutnya adalah kalian harus ada kemauan untuk memulai belajar</div>
Contoh :
Kode html membuat frame /bingkai pada paragraf dengan ukuran lebar dan panjang sesuai keinginan kita.
<div style="width:350px;height:100px;padding:10px;border:1px solid green">Membuat website itu mudah, asal sudah tahu caranya. Bagaimana supaya kalian bisa tahu rahasia membuat website itu mudah? syarat utamanya adalah kalian harus suka membaca, selanjutnya adalah kalian harus ada kemauan untuk memulai belajar</div>
Contoh :
Gambar panah ke kiri ( « ) kode htmlnya adalah «
Gambar panah ke kanan ( » ) kode htmlnya adalah »
Kode html tulisan posting lebih lama data:olderPageTitle/
Kode html tulisan posting lebih lama data:newerPageTitle/
Kode html meter persegi ( m² ) adalah
Kode html meter kubik ( m³ ) adalah
Kode html kurang lebih ( ± ) adalah
Kode html seper empat ( ¼ ) adalah
Kode html setengah ( ½ ) adalah
Kode html tiga per empat ( ¾ ) adalah
Demikian share dari saya tentang kumpulan
Membuat website itu mudah, asal sudah tahu caranya. Bagaimana supaya kalian bisa tahu rahasia membuat website itu mudah? syarat utamanya adalah kalian harus suka membaca, selanjutnya adalah kalian harus ada kemauan untuk memulai belajar
Kode html membuat frame /bingkai pada paragraf dengan ukuran lebar dan panjang sesuai keinginan kita.
<div style="width:350px;height:100px;padding:10px;border:1px solid green">Membuat website itu mudah, asal sudah tahu caranya. Bagaimana supaya kalian bisa tahu rahasia membuat website itu mudah? syarat utamanya adalah kalian harus suka membaca, selanjutnya adalah kalian harus ada kemauan untuk memulai belajar</div>
Contoh :
Membuat website itu mudah, asal sudah tahu caranya. Bagaimana supaya kalian bisa tahu rahasia membuat website itu mudah? syarat utamanya adalah kalian harus suka membaca, selanjutnya adalah kalian harus ada kemauan untuk memulai belajar
Gambar panah ke kanan ( » ) kode htmlnya adalah »
Kode html tulisan posting lebih lama data:olderPageTitle/
Kode html tulisan posting lebih lama data:newerPageTitle/
Kode html meter persegi ( m² ) adalah
²
Kode html meter kubik ( m³ ) adalah
³
Kode html kurang lebih ( ± ) adalah
±
Kode html seper empat ( ¼ ) adalah
¼
Kode html setengah ( ½ ) adalah
½
Kode html tiga per empat ( ¾ ) adalah
¾
Demikian share dari saya tentang kumpulan
kode html untuk mempercantik tampilan blog,
semoga bermanfaat.