[x] Tutup Iklan


16 February 2009

Kode-kode HTML



Selamat datang kembali,anda sedang membuka halaman Kode-kode HTML yang telah kami publikasikan di blog sederhana berkonsep Tutorial Blog dan Seo Blogspot ini.Kami menyampaikan terima kasih atas kunjungan anda,dan kami ucapkan selamat membaca!


Kode-kode dasar HTML

Di bawah ini ada beberapa kode-kode html untuk mewakili pemformatan text maupun mebuat berbagai object dalam halaman website anda.

Membuat Center,gunakan kode :  
<p align="center">Belajar</p>
 hasilnya seperti:
Belajar

Membuat Posisi kekanan gunakan kode :  
<p align="right">Belajar</p>
hasilnya seperti :
Belajar

Membuat Posisi kekiri gunakan kode:
 <p align="left">Belajar</p>
hasilnya seperti :
Belajar

Membuat Huruf Tebal gunakan kode:
 <b>Belajar</b>
hasilnya seperti :
Belajar

Membuat Huruf Garis Bawah gunakan kode :  
<u>Belajar</u>
hasilnya seperti :
Belajar

Membuat Huruf bercetak Miring gunakan kode :  
<i>Belajar</i>
hasilnya seperti :
Belajar

Membuat Kombinasi huruf tebal,miring,garisbawah,gunakan kode :
<b><i><u>Belajar</u></i></b>
hasilnya seperti :
Belajar

Membuat Huruf tebal strong gunakan kode :  
<srong>Belajar</strong>
hasilnya seperti :
Belajar

Membuat Huruf Hidden gunakan kode :  
<span style="visibility: hidden">Belajar</span>
hasilnya seperti :
Belajar
Namanya juga hidden..ya..ga keliatan..

Membuat Huruf Besar semua (uppercase) gunakan kode :
<span style="text-transform: uppercase">Belajar</span>
hasilnya seperti :
Belajar

Membuat Huruf Small caps gunakan kode:
<span style="font-variant: small-caps">Belajar</span>
hasilnya seperti ini:
Belajar

Membuat Huruf Subscribe / kecil di bawah gunakan kode:
<p>4<sub>2</sub></p>
hasilnya seperti ini:
42

Membuat Huruf Superscribe / pangkat gunakan kode:
<p>4<sup>2</sup></p>
hasilnya seperti ini:
42

Membuat Huruf bergaris atas gunakan kode:
<span style="text-decoration: overline">Belajar</span>
hasilnya seperti ini:
Belajar mengganti huruf

Membuat Huruf bergaris tengah gunakan kode:
<strike>Belajar</strike>
hasilnya seperti ini:
Belajar

Menentukan jenis huruf gunakan kode:
<p><font-family="Arial" >Belajar</font></p>
hasilnya seperti ini:
Belajar

Menentukan ukuran huruf gunakan kode:
<p><font-size="3" >Belajar</font></p>
hasilnya seperti ini:
Belajar

Menentukan warna huruf gunakan kode:
<p style="color: green; >Belajar</p>
hasilnya seperti ini:
Belajar

Membuat bullet dot bolong gunakan kode:
<ul type="circle">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>

hasilnya seperti ini:
  • DOT 1
  • DOT 2
  • DOT 3

Membuat bullet dot kotak gunakan kode:
<ul type="square">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>

hasilnya seperti ini:
  • DOT 1
  • DOT 2
  • DOT 3

Membuat bullet dot bulat gunakan kode:
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>

hasilnya seperti ini:
  • DOT 1
  • DOT 2
  • DOT 3

Mengatur posisi bullet gunakan kode:
<blockquote>
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
</blockquote>

hasilnya seperti ini:

  • DOT 1
  • DOT 2
  • DOT 3

Menentukan kombinasi warna,jenis,dan ukuran huruf gunakan kode:
<p><font style="color: red; font-family: courier new; font-size: 15px;" >Belajar</font></p>

hasilnya seperti ini:
Belajar

Membuat tabel border solid gunakan kode:
<table border="1" width="200">
<tr>
<td style="border-style: solid">Text</td>
</tr>
</table>
hasilnya seperti :
Text


Membuat tabel border dot gunakan kode:
<table border="1" width="200"
style="border-style: dotted">
<tr>
<td border="2" style="border-style:
dotted">Text</td>
</tr>
</table>

hasilnya seperti ini:
Text


Membuat tabel border dashed gunakan kode:
<table border="1" width="200" style="border-style: dashed">
<tr>
<td style="border-style: dashed">Text</td>
</tr>
</table>

hasilnya seperti ini:
Text


Membuat tabel border groove gunakan kode:
<table border="1" width="200" style="border-style: groove">
<tr>
<td>Text</td>
</tr>
</table>

hasilnya seperti ini:
Text


Membuat tabel border Ridge gunakan kode:
<table border="1" width="200" style="border-style: ridge">
<tr>
<td>Text</td>
</tr>
</table>

hasilnya seperti ini:
Text


Membuat tabel border Insert gunakan kode:
<table border="1" width="200" style="border-style: inset">
<tr>
<td>Text</td>
</tr>
</table>

hasilnya seperti ini:
Text


Membuat tabel border Outset gunakan kode:
<table border="1" width="200" style="border-style: outset">
<tr>
<td>Text</td>
</tr>
</table>

hasilnya seperti ini:
Text


Membuat Tabel Biasa gunakan kode :
<table border="1"width="200"><td>Text</td></table>

hasilnya seperti:
Text


Membuat Tabel berwarna gunakan kode :
<table border="1"width="200"bgcolor="green"><td>Text</td></tabel> hasilnya seperti :
Text


Membuat Tabel berwarna tak berbingkai gunakan kode :
<table border="0"width="200"bgcolor="blue"><td>Text</td></tabel> hasilnya seperti:
Text


Untuk kode-kode HTML yang lain anda bisa mengulik lewat software-software web designer atau situs-situs penyedia layanan HTML.

Yang berkaitan:
**Untuk kode-kode tabel diatas,akan terlihat sempurna jika dibuka pada browser IE (Internet Explorer)


Close/Tutup Referensi Hasil Pencarian [x]



Untuk menjelajahi kata kunci ini di situs pencarian Google,silakan anda klik di:

SINI (RECOMMENDED)
Untuk link alternativ silakan klik di:
Kode-kode HTML
Dan klik di :
SINI (RECOMMENDED)
Atau klik di:
Kode-kode HTML


Gunakan Kotak Ini untuk Mencari Artikel dengan Cepat

 Search
(c) 2014 - Pelajaran Tutorial Panduan Tips Trik Blog dan Teknik Cara Belajar Seo Blogspot untuk Blogger Pemula