25 May 2014

KUMPULAN KODE HTML




teks warna
<span style="color:#ff0066">Teks disini</span>

kode untuk merubah nama dan ukuran font

<div style="font-family:Oswald ;color:#3E383D ;font-size:20px;">
font Oswald besar warna</div>


hasilnya seperti ini:

font Oswald besar warna

<div style="font-family:Oswald;color:#FF0000;font-size:20px;text-align:center;">
font Oswald besar berwarna di tengah</div>

hasilnya seperti ini:

font Oswald besar berwarna di tengah

catatan:
nama jenis font: Oswald
kode warna font/teks : FF0000
ukuran font/teks :20
posisi font/teks :center

ubah nama kode ukuran dan posisi teks sesukamu
berikut nama-nama font yang sering di gunakan para blogger
Arial
Courier
Georgia
Times New Roman
Trebuchet
Verdana
Oswald
Arimo
italic
Corsiva
untuk pilihan warna lihat
di sini


Membuat paragraf baru: <p>

Membuat baris baru: <br/>

Teks tebal: <b>Teks disini</b>

Teks miring: <i>Teks disini</i>

Membuat baris baru: <br/>

Membuat paragraf baru: <p>

Teks tebal: <b>Teks disini</b>

Teks ketik: <tt>Teks disini</tt>

Teks bercoret: <s>Teks disini<s>

Teks garis bawah: <u>Teks disini</u>

Teks sup atas: <sup>Teks disini</sup>

Teks sub bawah: <sub>Teks disini</sub

Teks rata kiri:


Teks rata kanan:


Teks rata kanan kiri:


Teks berada di tengah:


Teks baris pertama menjorok ke dalam:


Teks menjorok ke dalam semua:


Teks berwarna:


Teks stabilo:


Membuat textarea:








Textarea huruf warna




Textarea dengan bingkai


Textarea dengan bingkai dan huruf berwarna


Textarea dengan background


Textarea dengan background dan bingkai


Textarea dengan background dan bingkai serta huruf berwarna


Textarea dashed


Textarea dotted


Membuat garis





Membuat garis warna




Mengatur ukuran garis




Garis sebelah kiri




Garis sebelah kanan




Membuat garis dengan background




Garis titik-titik



Garis putus-putus


Membuat daftar
Daftar 1
Daftar 2
Daftar 3


Menampilkan Link dengan teks


Menampilkan gambar gambar-1.jpg


Menampilkan URL gambar dengan Teks


Menampilkan link dengan gambar
follow-this-blog.gif


Menampilkan link dengan gambar dan teks



Merubah ukuran gambar kode-html.png


gambar-1.jpgMenampilkan gambar di samping post sebelah kiri
<img src="http://url-gambar" style="float:left;margin:0 3px 3px;">Teks disini

gambar-1.jpgMenampilkan gambar di samping post sebelah kanan
<img src="http://url-gambar" style="float:left;margin:0 3px 3px;">Teks disini

Membuat bingkai pada gambar
gambar-1.jpg
<img style="border:5px solid #0f0;" src="http://url-gambar"/>
untuk mengganti bingkai, "solid" ganti dengan; ridge, groove, double, dashed, dotted, inset, outset

Merubah warna background
<div style="background:#0f0">Teks disini</div>

Membuat background dengan bingkai
Posisi di kanan
<div style="background:#ccc; border:3px solid #000;padding: 3px;margin-right:20px">Teks disini</div>
Posisi di tengah
<div style="background:#ccc; border:3px solid #000;padding: 3px;margin:20px">Teks disini</div>
Posisi di kiri
<div style="background:#ccc; border:3px solid #000;padding:5px;margin-left:20px">Teks disini</div>
.

This Is The Oldest Page


EmoticonEmoticon