tips - tips coding html mempercantik blog kamu
hai kawan selamat datang di blog pertama saya
dan kali ini saya akan share ke kalian cara mempercyantik blog kamu dengan coding2 html sebagai berikut
dan kali ini saya akan share ke kalian cara mempercyantik blog kamu dengan coding2 html sebagai berikut
Inilah kumpulan kode html untuk mempercantik tampilan blog.
Kode html untuk membuat link pada teks.
Kode html membuat link eksternal (halaman landing page terbuka ditab baru setelah teks di-klik)
<a href="http://kursuswebsitesolo.com/" style="text-decoration: none;" target="_blank">Kursus Web Solo</a>
Contoh : Kursus Web Solo
<a href="http://solo-on-line.blogspot.com/" style="text-decoration: none;" >Laman Home Page Blog Solo Online</a>
Kode html untuk membuat link internal (halaman landing page terbuka menutupi halaman sebelumnya setelah teks di-klik)
<a href="http://solo-on-line.blogspot.com/" style="text-decoration: none;" >Laman Home Page Blog Solo Online</a>
Contoh : Laman Home Page Blog Solo Online
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 :
<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 kode html untuk mempercantik tampilan blog, semoga bermanfaat.
Kode html membuat link eksternal (halaman landing page terbuka ditab baru setelah teks di-klik)
<a href="http://kursuswebsitesolo.com/" style="text-decoration: none;" target="_blank">Kursus Web Solo</a>
Contoh : Kursus Web Solo
<a href="http://solo-on-line.blogspot.com/" style="text-decoration: none;" >Laman Home Page Blog Solo Online</a>
Kode html untuk membuat link internal (halaman landing page terbuka menutupi halaman sebelumnya setelah teks di-klik)
<a href="http://solo-on-line.blogspot.com/" style="text-decoration: none;" >Laman Home Page Blog Solo Online</a>
Contoh : Laman Home Page Blog Solo Online
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 :
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 :
| Teks bergerak ke kiri |
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 :
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.
Komentar
Posting Komentar