Rabu, 07 Desember 2011

Cara membaca Code Html Sederhana

 Ni gan Cara Mudah Baca Script-scipt Html beginilah kalo Computer Berbicara

Tag HTML

Keterangan
<B>Teks Kita</B>
Ini membuat teksTEBAL
<I>Teks Kita</I>
Ini membuat teks kita MIRING
<U>Teks Kita</U>
Ini membuat teks kitaBERGARIS BAWAH
<S>Teks Kita</S>
Ini membuat teks kitaDICORET
<B><I><U>Teks Kita</U></I></B>
Kita bisa mengkombinasikan bermacam kode untuk membuat teks kita memiliki ATRIBUT YANG BERMACAM-MACAM
<font face="Comic Sans MS" size="8" color="#ff0000">Teks Kita</font>
Gunakan tag <font> untuk memilih jenis, ukuran, dan warna huruf.Lihat daftar huruf dan warna yang bisa kita gunakan!
Contoh: Text ini merah, jenis comic sans!
<BR />
Ini akan membuat sebuah baris baru.
Letakkan di akhir setiap baris untuk menjadikan
teks
kita
seperti
ini!
<a href="http://juriglagu.multiply.com">Situsku</a>
Ini akan membuat sebuah link menuju alamat yang ditentukan pada 'ALAMAT URL'.Contoh: Situsku
<img src="http://i74.photobucket.com/albums/i271/arrohwany/natu06.gif"width="100" height="100" />
Kode ini digunakan untuk memasukkan sebuah gambar. Kita bisa menentukan lebar dan tinggi gambar tersebut.Contoh: 
<center>Teks Kita</center>
Ini akan membuat teks, gambar, atau apapun yang berada di dalam tag <center> berada di bagian tengah.Contoh:
Teks ini akan berada di tengah!

Colour, Size & Font Chart
Dibawah ini adalah kode Hexadecimal untuk semua warna 'web-safe' yang bisa kita gunakan untuk mempercantik Multiply kita! Kita juga bisa melihat daftar jenis huruf 'web-safe' yang biasa digunakan, dan ukuran huruf yang digunakan. Untuk menentukan jenis, warna, dan ukuran huruf pada teks yang kita buat, gunakan kode ini:
<font face="Nama Huruf" color="#Kode Hexadecimal" size="Nilai Ukuran">Teks Kita</font>

 Text Colour Chart
00000
#000033
#000066
#000099
#0000CC
#0000FF
#003300
#003333
#003366
#003399
#0033CC
#0033FF
#006600
#006633
#006666
#006699
#0066CC
#0066FF
#009900
#009933
#009966
#009999
#0099CC
#0099FF
#00CC00
#00CC33
#00CC66
#00CC99
#00CCCC
#00CCFF
#00FF00
#00FF33
#00FF66
#00FF99
#00FFCC
#00FFFF
#330000
#330033
#330066
#330099
#3300CC
#3300FF
#333300
#333333
#333366
#333399
#3333CC
#3333FF
#336600
#336633
#336666
#336699
#3366CC
#3366FF
#339900
#339933
#339966
#339999
#3399CC
#3399FF
#33CC00
#33CC33
#33CC66
#33CC99
#33CCCC
#33CCFF
#33FF00
#33FF33
#33FF66
#33FF99
#33FFCC
#33FFFF
#660000
#660033
#660066
#660099
#6600CC
#6600FF
#663300
#663333
#663366
#663399
#6633CC
#6633FF
#666600
#666633
#666666
#666699
#6666CC
#6666FF
#669900
#669933
#669966
#669999
#6699CC
#6699FF
#66CC00
#66CC33
#66CC66
#66CC99
#66CCCC
#66CCFF
#66FF00
#66FF33
#66FF66
#66FF99
#66FFCC
#66FFFF
#990000
#990033
#990066
#990099
#9900CC
#9900FF
#993300
#993333
#993366
#993399
#9933CC
#9933FF
#996600
#996633
#996666
#996699
#9966CC
#9966FF
#999900
#999933
#999966
#999999
#9999CC
#9999FF
#99CC00
#99CC33
#99CC66
#99CC99
#99CCCC
#99CCFF
#99FF00
#99FF33
#99FF66
#99FF99
#99FFCC
#99FFFF
#CC0000
#CC0033
#CC0066
#CC0099
#CC00CC
#CC00FF
#CC3300
#CC3333
#CC3366
#CC3399
#CC33CC
#CC33FF
#CC6600
#CC6633
#CC6666
#CC6699
#CC66CC
#CC66FF
#CC9900
#CC9933
#CC9966
#CC9999
#CC99CC
#CC99FF
#CCCC00
#CCCC33
#CCCC66
#CCCC99
#CCCCCC
#CCCCFF
#CCFF00
#CCFF33
#CCFF66
#CCFF99
#CCFFCC
#CCFFFF
#FF0000
#FF0033
#FF0066
#FF0099
#FF00CC
#FF00FF
#FF3300
#FF3333
#FF3366
#FF3399
#FF33CC
#FF33FF
#FF6600
#FF6633
#FF6666
#FF6699
#FF66CC
#FF66FF
#FF9900
#FF9933
#FF9966
#FF9999
#FF99CC
#FF99FF
#FFCC00
#FFCC33
#FFCC66
#FFCC99
#FFCCCC
#FFCCFF
#FFFF00
#FFFF33
#FFFF66
#FFFF99
#FFFFCC
#FFFFFF


KOTAK WARNA 1

0000000000330000660000990000CC0000FF
0033000033330033660033990033CC0033FF
0066000066330066660066990066CC0066FF
0099000099330099660099990099CC0099FF
00CC0000CC3300CC6600CC9900CCCC00CCFF
00FF0000FF3300FF6600FF9900FFCC00FFFF
3300003300333300663300993300CC3300FF
3333003333333333663333993333CC3333FF
3366003366333366663366993366CC3366FF
3399003399333399663399993399CC3399FF
33CC0033CC3333CC6633CC9933CCCC33CCFF
33FF0033FF3333FF6633FF9933FFCC33FFFF
6600006600336600666600996600CC6600FF
6633006633336633666633996633CC6633FF
6666006666336666666666996666CC6666FF
6699006699336699666699996699CC6699FF
66CC0066CC3366CC6666CC9966CCCC66CCFF
66FF0066FF3366FF6666FF9966FFCC66FFFF
9900009900339900669900999900CC9900FF
9933009933339933669933999933CC9933FF
9966009966339966669966999966CC9966FF
9999009999339999669999999999CC9999FF
99CC0099CC3399CC6699CC9999CCCC99CCFF
99FF0099FF3399FF6699FF9999FFCC99FFFF
CC0000CC0033CC0066CC0099CC00CCCC00FF
CC3300CC3333CC3366CC3399CC33CCCC33FF
CC6600CC6633CC6666CC6699CC66CCCC66FF
CC9900CC9933CC9966CC9999CC99CCCC99FF
CCCC00CCCC33CCCC66CCCC99CCCCCCCCCCFF
CCFF00CCFF33CCFF66CCFF99CCFFCCCCFFFF
FF0000FF0033FF0066FF0099FF00CCFF00FF
FF3300FF3333FF3366FF3399FF33CCFF33FF
FF6600FF6633FF6666FF6699FF66CCFF66FF
FF9900FF9933FF9966FF9999FF99CCFF99FF
FFCC00FFCC33FFCC66FFCC99FFCCCCFFCCFF
FFFF00FFFF33FFFF66FFFF99FFFFCCFFFFFF

KOTAK WARNA 2

#FFFFFF#FFFFCC#FFFF99#FFFF66#FFFF33#FFFF00
#FFCCFF#FFCCCC#FFCC99#FFCC66#FFCC33#FFCC00
#FF99FF#FF99CC#FF9999#FF9966#FF9933#FF9900
#FF66FF#FF66CC#FF6699#FF6666#FF6633#FF6600
#FF33FF#FF33CC#FF3399#FF3366#FF3333#FF3300
#FF00FF#FF00CC#FF0099#FF0066#FF0033#FF0000
#CCFFFF#CCFFCC#CCFF99#CCFF66#CCFF33#CCFF00
#CCCCFF#CCCCCC#CCCC99#CCCC66#CCCC33#CCCC00
#CC99FF#CC99CC#CC9999#CC9966#CC9933#CC9900
#CC66FF#CC66CC#CC6699#CC6666#CC6633#CC6600
#CC33FF#CC33CC#CC3399#CC3366#CC3333#CC3300
#CC00FF#CC00CC#CC0099#CC0066#CC0033#CC0000
#99FFFF#99FFCC#99FF99#99FF66#99FF33#99FF00
#99CCFF#99CCCC#99CC99#99CC66#99CC33#99CC00
#9999FF#9999CC#999999#999966#999933#999900
#9966FF#9966CC#996699#996666#996633#996600
#9933FF#9933CC#993399#993366#993333#993300
#9900FF#9900CC#990099#990066#990033#990000
#66FFFF#66FFCC#66FF99#66FF66#66FF33#66FF00
#66CCFF#66CCCC#66CC99#66CC66#66CC33#66CC00
#6699FF#6699CC#669999#669966#669933#669900
#6666FF#6666CC#666699#666666#666633#666600
#6633FF#6633CC#663399#663366#663333#663300
#6600FF#6600CC#660099#660066#660033#660000
#33FFFF#33FFCC#33FF99#33FF66#33FF33#33FF00
#33CCFF#33CCCC#33CC99#33CC66#33CC33#33CC00
#33CCFF#33CCCC#33CC99#33CC66#33CC33#33CC00
#3399FF#3399CC#339999#339966#339933#339900
#3366FF#3366CC#336699#336666#336633#336600
#3333FF#3333CC#333399#333366#333333#333300
#3300FF#3300CC#330099#330066#330033#330000
#00FFFF#00FFCC#00FF99#00FF66#00FF33#00FF00
#00CCFF#00CCCC#00CC99#00CC66#00CC33#00CC00
#0099FF#0099CC#009999#009966#009933#009900
#0066FF#0066CC#006699#006666#006633#006600
#0033FF#0033CC#003399#003366#003333#003300
#0000FF#0000CC#000099#000066#000033#000000
Fonts Chart
Jenis Huruf Web-Safe
Huruf Web-safe adalah huruf-huruf yang selalu tersedia pada sistem operasi Microsoft dan Macintosh secara default. Tentu saja tersedia banyak sekali jenis huruf lainnya yang tersedia di internet, namun untuk menjamin bahwa huruf yang kita gunakan bisa ditampilkan dengan benar pada komputer lain, pastikan kita menggunakan salah jenis huruf di bawah ini!

Nama Huruf
Contoh
Arial
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Arial Black
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Comic Sans MS
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Courier New
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Georgia
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Impact
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Times New Roman
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Trebuchet MS
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Verdana
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Webdings
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Font Size Chart
 Ukuran Huruf
Ukuran setiap angka dibawah ini memperlihatkan ukuran teks
dengan nilai sebesar angka tersebut
 1 2 3 4 5 6 7
Marquee
 Example 1
<marquee behavior="scroll">Lihat kawan, Aku Terbang!</marquee>
 Example 2
<marquee behavior="alternate" bgcolor="silver" width="25%" >Boing! Boing!</marquee>
 Example 3
<marquee behavior="alternate" bgcolor="#ffffff" width="40%" ><img src="wink.gif"  alt=" " border="0" height="16" width="16"> <b>Allow!</b></marquee>
 Scrollbox
Jika kita ingin mengisi bagian Body Text (About Me) dengan banyak informasi, tetapi kita juga ingin memiliki kesan Multiply yang tidak banyak memakan space, kita bisa membuat scrollbox, Kode dibawah ini akan membuatkan kita sebuah scrollbox atau lebih dikenal sebagai DIV.
 Code
<div style="border: 2px solid silver; overflow: auto; width: 200px; height: 200px; color: silver; font-size: 9pt; font-family: arial; background-color: black;">Seluruh Isi Scrollbox Kita Ketikkan Di Sini! Seluruh Isi Scrollbox Kita Ketikkan Di Sini! Seluruh Isi Scrollbox Kita Ketikkan Di Sini! Seluruh Isi Scrollbox Kita Ketikkan Di Sini!</div>
Hasil:
Seluruh Isi Scrollbox Kita Ketikkan Di Sini! Seluruh Isi Scrollbox Kita Ketikkan Di Sini! Seluruh Isi Scrollbox Kita Ketikkan Di Sini! Seluruh Isi Scrollbox Kita Ketikkan Di Sini!

Kita mungkin mau mengganti value dari border sesuai keinginan.
Kita bisa menggunakan tipe border berikut: 
Outset, Inset, Dotted, Dashed, Double, Ridge atau Groove
 Lines
Untuk meletakkan sebuah garis pada halaman, gunakan <hr> yang berarti 'Horizontal Rule'. Letakkan kode ini di mana saja (tanpa tag penutup)
 Example 1
<hr width="100">
 Example 2
<hr width="80%">
 Example 3
<hr size="4" noshade>

Kumpulan Tag HTML Lainya
<!--    -->
Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
<a href>
Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
<a name>
Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
<applet>
Sebagai awal dari Java applets
<area>
Mendefinisikan daerah yang dapat diklik (link) pada image map
<basefont>
Membuat atribut teks default seperti jenis, ukuran dan warna font
<bgsound>
Memberi (suara latar) background sound pada halaman web
<big>
Memperbesar ukuran teks sebesar satu point dari defaultnya
<body>
Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
<caption>
Membuat caption pada tabel
<comment>
Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
<dd>
Indents teks
<embed>
Menambahkan sound or file avi ke halaman web
<fn>
Seperti tag <a name>
<form>
Mendefinisikan input form
<frame>
Mendefinisikan frame
<frameset>
Mendefinisikan attribut halaman yang akan menggunakan frame
<h1> ... <h6>
Ukuran font
<head>
Mendefinisikan head document.
<img>
Image, imagemap atau an animation
<input>
Mendefinisikan input field pada form
<li>
Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> )
<map>
Mendefinisikan client-side map
<noframes>
Jika browser user tidak mendukung frame
<ol>
Mendefinisikan awal dan akhir list
<pre>
Membuat teks dengan ukuran huruf yg sama
<script>
Mendefinisikan awal script
<table>
Membuat tabel
<td>
Kolom pada tabel
<title>
Mendefinisikan title
<tr>
Baris pada tabel
<P>
Paragraph Baru, Digunakan untuk pindah alinea atau paragraf. Tag ini bisa diberi akhiran </P> tapi juga bisa tidak diberi.
<BR>
Line Break, Digunakan untuk pindah ke baris baru
<NOBR>
No Line Break, Mencegah ganti baris pada teks atau images, sehingga teks yang panjang tidak secara otomatis pindah baris bawahnya bila baris pertama sudah terlalu panjang 
<BASEFONT>
Base Font, Digunakan untuk mendefinisikan "default text". Attribut sama dengan attribut FONT. Tag FONT akan mengoverwrite setting pada BASEFONT
<TT>
Typewriter
<S>
Strikeout - draws a line through the text
<BLINK>
Text berkedip (gunakan bila perlu saja)
<CITE>
Digunakan untuk quoting text
<CODE>
Monospaced font (digunakan bila Kita ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Kita)
<SAMP>
Monospaced font (digunakan bila Kita ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Kita)
<KBD>
Monospaced font (digunakan bila Kita ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Kita)
<SMALL>
Ukuran teks akan lebih kecil satu ukuran
<SUP>
Membuat tekssuperscript
<SUB>
membuat tekssub script
<ABBREV>
Abbreviations
<ACRONYM>
Untuk akronim
<PERSON>
Digunakan untuk indexing
<Q>
Membuat short inline quotation
<VAR>
Membuat variable name, selalu dalam italics
Diposting oleh Rock Vote di 11.31 0 komentar
Langganan: Postingan (Atom)