//
Tulisan terbaru
Komputer

Kode-kode dasar HTML


Dalam HTML seperti pemformatan text berupa tebal,miring,garis bawah,membuat tabel,dll,dapat di lakukan dengan kode-kode.Bagi anda yang belum begitu mengerti HTML,bisa baca disiniDi bawah ini ada beberapa kode-kode untuk mewakili pemformatan text maupun mebuat berbagai object dalam halaman anda,meskipun sekarang sudah banyak pembuatan halaman HTMLdengan software instant seperti Dreamweaver dll.


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 :

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>
<blockquote>
<blockquote>
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
</blockquote>
</blockquote>
</blockquote>

hasilnya seperti ini:

  • DOT 1
  • DOT 2
  • DOT 3

Description: Kode-kode HTML
Reviewer: Puji Antoro
ItemReviewed: Kode-kode HTML

About Boneka Hantu

SELALU INGIN BERBAGI

Diskusi

One thought on “Kode-kode dasar HTML

  1. terimakasih gan. posting ini amat bermanfaat bagi saya.

    Posted by jayputra9 | Juni 23, 2012, 2:50 am

Komentar Dong's

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Facebook Fans

Masukkan alamat surat elektronik Anda untuk mengikuti blog ini dan menerima pemberitahuan tentang tulisan baru melalui surat elektronik.

Singgah

  • 95,424 hits
Powered by Wordpress ~ Designed by WooThemes ~ Redesigned by Boneka Hantu