Rumus HTML Lengkap

Kode-kode dasar HTML

Kode-kode dasar HTML

Membuat

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

Belajar 

Membuat

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

Membuat

MembuatPosisi kekiriPosisi kekiri gunakan kode: gunakan kode:<p align="let">Belajar</p><p align="let">Belajar</p> hasilnya seperti :hasilnya seperti : Belajar 

Belajar 

Membuat

MembuatH!r! TealH!r! Teal gunakan kode: gunakan kode:<>Belajar</><>Belajar</> hasilnya seperti : hasilnya seperti :

Belajar Belajar

Membuat

MembuatH!r! #aris Ba$ahH!r! #aris Ba$ah gunakan kode : gunakan kode :<!>Belajar</!><!>Belajar</!> hasilnya seperti : hasilnya seperti : Belajar 

Belajar 

Membuat

MembuatH!r! ercetak MiringH!r! ercetak Miring gunakan kode : gunakan kode :<i>Belajar</i><i>Belajar</i> hasilnya seperti : hasilnya seperti :  Belajar 

 Belajar 

Membuat

MembuatKo%inasi h!r! teal&%iring&garisa$ahKo%inasi h!r! teal&%iring&garisa$ah,gunakan kode :,gunakan kode :

<><i><!>Belajar</!></i></>

<><i><!>Belajar</!></i></> hasilnya seperti : hasilnya seperti :

 Belajar   Belajar 

Membuat

MembuatH!r! teal strongH!r! teal strong gunakan kode : gunakan kode :<srong>Belajar</strong><srong>Belajar</strong> hasilnya seperti :hasilnya seperti :

Belajar Belajar

Membuat

MembuatH!r! HiddenH!r! Hidden gunakan kode : gunakan kode :<span st'le="(isiilit') hidden">Belajar</span><span st'le="(isiilit') hidden">Belajar</span>

hasilnya seperti : hasilnya seperti :

 Namanya juga hidden..ya..ga keliatan..  Namanya juga hidden..ya..ga keliatan..

MembuatH!r! Besar se%!a (uppercase) gunakan kode :

<span st'le="te*t-transor%) !ppercase">Belajar</span> hasilnya seperti : BEL!" 

MembuatH!r! +%all caps gunakan kode:

<span st'le="ont-(ariant) s%all-caps">Belajar</span> hasilnya seperti ini: BEL!" 

MembuatH!r! +!scrie / kecil di a$ah gunakan kode:

<p>,<s!></s!></p>hasilnya seperti ini: #$

MembuatH!r! +!perscrie / pangkat gunakan kode:

<p>,<s!p></s!p></p> hasilnya seperti ini: #$

MembuatH!r! ergaris atas gunakan kode:

<span st'le="te*t-decoration) o(erline">Belajar</span> hasilnya seperti ini: Belajar mengganti huru% 

MembuatH!r! ergaris tengah gunakan kode:

<strike>Belajar</strike> hasilnya seperti ini: Belajar 

Menentukan jenis h!r!  gunakan kode:

<p><ont-a%il'=".rial" >Belajar</ont></p> hasilnya seperti ini: Belajar 

Menentukan!k!ran h!r!  gunakan kode:

Belajar 

Menentukan$arna h!r! gunakan kode:

<p st'le="color) green1 >Belajar</p> hasilnya seperti ini: Belajar 

Membuat!llet dot olong gunakan kode:

<!l t'pe="circle"> <li>23T 4</li> <li>23T </li> <li>23T 0</li> </!l>

hasilnya seperti ini:

o &' 

o &' $

o &' *

Membuat!llet dot kotak  gunakan kode:

<!l t'pe="s5!are"> <li>23T 4</li> <li>23T </li> <li>23T 0</li> </!l>

hasilnya seperti ini:

 &' 

 &' $

Membuat !llet dot !lat gunakan kode: <!l> <li>23T 4</li> <li>23T </li> <li>23T 0</li> </!l>

hasilnya seperti ini:

• &' 

• &' $

• &' *

Mengaturposisi !llet gunakan kode:

<lock5!ote> <lock5!ote> <lock5!ote> <!l> <li>23T 4</li> <li>23T </li> <li>23T 0</li> </!l> </lock5!ote> </lock5!ote> </lock5!ote>

hasilnya seperti ini:

• &'  • &' $ • &' *

Menentukanko%inasi $arna&jenis&dan !k!ran h!r!  gunakan kode:

<p><ont st'le="color) red1 ont-a%il') co!rier ne$1 ont-sie) 46p*1" >Belajar</ont></p>

Belajar

Membuattael order solid gunakan kode:

<tale order="4" $idth="77"> <tr> <td st'le="order-st'le) solid">Te*t</td> </tr> </tale> hasilnya seperti : e+t

Membuattael order dot gunakan kode:

<tale order="4" $idth="77" st'le="order-st'le) dotted"> <tr> <td order="" st'le="order-st'le) dotted">Te*t</td> </tr> </tale>

hasilnya seperti ini:

e+t

Membuattael order dashed gunakan kode:

<tale order="4" $idth="77" st'le="order-st'le) dashed"> <tr>

<td st'le="order-st'le) dashed">Te*t</td> </tr>

</tale>

hasilnya seperti ini:

e+t

<tale order="4" $idth="77" st'le="order-st'le) groo(e"> <tr>

<td>Te*t</td> </tr>

</tale>

hasilnya seperti ini:

e+t

Membuattael order 8idge gunakan kode:

<tale order="4" $idth="77" st'le="order-st'le) ridge"> <tr>

<td>Te*t</td> </tr>

</tale>

hasilnya seperti ini: e+t

Membuattael order 9nsert gunakan kode:

<tale order="4" $idth="77" st'le="order-st'le) inset"> <tr>

<td>Te*t</td> </tr>

</tale>

hasilnya seperti ini: e+t

Membuattael order 3!tset gunakan kode:

<tale order="4" $idth="77" st'le="order-st'le) o!tset"> <tr>

<td>Te*t</td> </tr>

</tale>

hasilnya seperti ini: e+t

MembuatTael Biasa gunakan kode :

<tale order="4"$idth="77"><td>Te*t</td></tale>

hasilnya seperti: e+t

MembuatTael er$arna gunakan kode :

<tale order="4"$idth="77"gcolor="green"><td>Te*t</td></tael> hasilnya seperti : e+t

MembuatTael er$arna tak eringkai gunakan kode :

<tale order="7"$idth="77"gcolor="l!e"><td>Te*t</td></tael> hasilnya seperti: e+t

1. Huruf tebal (bold).

Kode untuk membuat huruf tebal yaitu <b> dan diakhiri dengan kode </b>

2. Huruf miring (italics)

Kode untuk membuat huruf miring yaitu <i> dan diakhiri dengan kode </i> 3. Garis bawah (underline)

kode untuk membuat garis bawah yaitu <u> dan diakhiri dengan kode </u> 4. Enter Kode

kode untuk membuat enter yaitu <br />

→ Kucing<br />arong! maka akan jadi kayak dibawah ini bro " Kucing

  arong

5. Rataan Tengah (#enter)

Kode untuk membuat rataan tengah yaitu <center> dandiakhiri dengan kode </center> 6. Rataan Kanan ($ight)

Kode untuk membuat rataan kanan yaitu <% align&'right'> dan diakhiri dengan kode </%> 7. Rataan Kiri (eft)

Kode untuk membuat rataan kiri yaitu <% align&'left'> dan diakhiri dengan kode  </%> ! Rata Kanan Kiri (ustify)

kode untuk membuat rata kiri kanan yaitu <% align&'justify'> dan diakhiri dengan kode </%>

. "erubah #ont atau gaya teks

Kode untuk merubah font yaitu <font face&'#ourier'> dan diakhiri dengan kode </font> karena ini tulisan $rial maka jika Kucing arong diganti akan menjadi Kucing arong %. "engatur &arna Te's Kode untuk mengatur warna teks yaitu <font color&'green'> dan

diakhiri dengan kode </font>

karena tulisan Kucing arong berwarna merah (red) maka akan menjadi Kucing arong 1(. "engatur Garis $tas )awah

Kode untuk mengatur garis atas bawah yaitu <hr/> dan diakhiri dengan kode yang sama yaitu <hr/>

contoh " <hr/>Kucing arong<hr/> akan menjadi

Kucing arong

11! *'uran )esar Ke+il Tulisan Kode untuk membuat ukuran besar kecil tulisan yaitu <font style&'font*si+e",--'> dan diakhiri dengan kode </font>

silahkan lo ganti bro si+e ,-- itu sesuka hati lo bro. 12. Tulisan ber,alan -mar.uee/

kode untuk membuat tulisan berjalan yaitu <mar0uee> dan diakhiri dengan </mar0uee> contoh " → <mar0uee>Kucing arong</mar0uee> dan akan menjadi "

13! Garis $tas (ine 1%)

Kode untuk membuat garis atas yaitu <hr> dan diakhiri dengan kode </hr> 14! 0an,ang 0ende' Garis

Kode untuk membuat %anjang %endek garis yaitu <hr width&'2,'> dan diakhiri dengan kode </hr>

15! ebar Tebal Garis

Kode untuk membuat lebar tebal garis yaitu <hr si+e&'2'> dan diakhiri dengan kode</hr> silahkan lo ganti bro angka  2 sesuka hati lo bro.

16! ebar Tebal Garis )erwarna

Kode untuk membuat lebar tebal garis berwarna yaitu

<hr si+e&'3' width&'3-' style&'color"blue'> dan diakhiri dengan kode </hr> silahkan lo ganti bro semua yang berwarna biru diatas

17! "embuat Garis Kota' (Bo4 ine) Kode untuk membuat garis kotak yaitu

<di5 style&'border" 6%4 7--- inset %adding" 6-%4 background*color"  7888888 te4t*   align"left'> dan ditutu% dengan kode </di5>

silahkan lo ganti bro yang bertulisan biru .

1! "embuat Tulisan )er'edi

Cara Membuat Tulisan Berjalan

Bervariasi

1! Tulisan ber,alan dari Kiri 'e Kanan

Kode untuk tulisan berjalan dari kiri ke kanan yaitu "

<9:$;1 align&'center' direction&'right' height&' =,' scrollamount&'2' width&'2-'>

Ku+ing Garong in Rater)log

</9:$;1>

Ket 

• height " sesuai hati lo bro mau bera%a %anjangnya

• scrollamount " sesuka lo bro mau bera%a ce%at tulisannya bergerak • widht " sesuaikan dengan lebar area sidebar blog lo yg mau di%akai bro

2! Tulisan ber,alan dari Kanan 'e Kiri

Kode untuk tulisan berjalan dari kanan ke kiri yaitu "

<9:$;1 align&'center' direction&'left' height&' =,' scrollamount&'2' width&'2-'>

Ku+ing Garong in Rater)log

</9:$;1>

• height " sesuai hati lo bro mau bera%a %anjangnya

• scrollamount " sesuka lo bro mau bera%a ce%at tulisannya bergerak • widht " sesuaikan dengan lebar area sidebar blog lo yg mau di%akai bro

3! Tulisan ber,alan Kanan  Kiri "emantul

Kode untuk tulisan berjalan kanan * kiri memantul yaitu

<9:$;1 align&'center' direction&'left' height&' ,-' scrollamount&'' width&'2-' beha5ior&'alternate'>

Ku+ing Garong in Rater)log

</9:$;1>

Ket 

• height " sesuai hati lo bro mau bera%a %anjangnya

• scrollamount " sesuka lo bro mau bera%a ce%at tulisannya bergerak • widht " sesuaikan dengan lebar area sidebar blog lo yg mau di%akai bro

4! Tulisan ber,alan $tas Ke )awah )ergulir 

Kode untuk berjalan atas ke bawah bergulir yaitu "

<mar0uee onmouseo5er&'this.sto%()' onmouseout&'this.start()' scrollamount&' 2' direction&'u%' width&'2-' height&',-' align&'center'>

<a href&' htt%"//ra4terbloom.blogs%ot.com/ ' target&'new'>Rater)log</a><br />

<a href&' htt%"//ra4terbloom.blogs%ot.com/search/label/?i%s2-Blogging ' target&'new'>Tis )logging</a><br />

</mar0uee> Ket 

• height " sesuai hati lo bro mau bera%a %anjangnya

• scrollamount " sesuka lo bro mau bera%a ce%at tulisannya bergerak • widht " sesuaikan dengan lebar area sidebar blog lo yg mau di%akai bro

• ika lo bro ingin mengganti dengan url gambar ! silahkan ganti link yg berwarna

H$* bro.

5! Tulisan ber,alan dengan )a+'ground

kode untuk tulisan berjalan dengan background yaitu "

<di5 align&'left'> <b><9:$;1 B#@@$&' $A' width&'2-' scrollamount&'' beha5ior&'alternate'>

Ku+ing Garong in Rater)log

</9:$;1></b> </di5> Ket 

• scrollamount " sesuka lo bro mau bera%a ce%at tulisannya bergerak • widht " sesuaikan dengan lebar area sidebar blog lo yg mau di%akai bro

• $A " isilah sesuai warna yang lo suka bro misalnya " green! blue! lime! white!