Tampilan HTML
Format Tampilan Blog
Huruf
Tebal
|
<B></B>
|
(Bold)
|
|
Huruf
Miring
|
<I></I>
|
(Italic)
|
|
N3.0b
|
Garis
Bawah
|
<U></U>
|
(Underline
- jarang digunakan)
|
Huruf
Coret
|
<STRIKE></STRIKE>
|
(Strikeout
- jarang digunakan)
|
|
N3.0b
|
Huruf
Coret
|
<S></S>
|
(Strikeout
- jarang digunakan)
|
Huruf
Geser Bawah
|
<SUB></SUB>
|
(Subscript)
|
|
Huruf
Geser Atas
|
<SUP></SUP>
|
(Superscript)
|
|
Huruf
Mesin Ketik
|
<TT></TT>
|
(Typewriter
- huruf berjarak tetap)
|
|
Pra-format
(Preformatted)
|
<PRE></PRE>
|
(menampilkan
dengan jarak pra-format)
|
|
Jarak
Huruf
|
<PRE WIDTH=?></PRE>
|
(mengatur
jarak huruf)
|
|
Rata
Tengah
|
<CENTER></CENTER> [*]
|
(Center -
berlaku untuk teks maupun gambar)
|
|
N1.0
|
Huruf
Kedip
|
<BLINK></BLINK>
|
(Blinking
- tag terlucu sampai kini)
|
Ukuran
Huruf
|
<FONT SIZE=?></FONT>
|
(Font Size
- boleh diisi dari 1 sampai 7)
|
|
Rubah
Ukuran Huruf
|
<FONT SIZE="+|-?"></FONT>
|
||
N1.0
|
Basis
Ukuran Huruf
|
<BASEFONT SIZE=?>
|
(boleh
diisi 1 sampai 7; ukuran standard/default=3)
|
Warna
Huruf
|
<FONT COLOR="#$$$$$$"></FONT>
|
||
N3.0b
|
Pilih
Jenis Huruf
|
<FONT FACE="***"></FONT>
|
|
N3.0b
|
Teks Multi
Kolom
|
<MULTICOL COLS=?></MULTICOL>
|
|
N3.0b
|
Jarak
Batas Kolom
|
<MULTICOL GUTTER=?></MULTICOL>
|
(default =
10 pixels)
|
N3.0b
|
Lebar
Kolom
|
<MULTICOL WIDTH=?></MULTICOL>
|
|
N3.0b
|
Celah
(Spacer)
|
<SPACER>
|
|
N3.0b
|
Jenis
Celah
|
<SPACER TYPE=horizontal| vertical|block>
|
|
N3.0b
|
Ukuran
Celah
|
<SPACER SIZE=?>
|
|
N3.0b
|
Dimensi
Celah
|
<SPACER WIDTH=? HEIGHT=?>
|
|
N3.0b
|
Penataan
Celah
|
<SPACER ALIGN=left|right|center>
|
|
|
|||
Acuan pada
dokumen tertentu
|
<A HREF="URL"></A>
|
||
Acuan pada
sasaran dalam dokumen
|
<A HREF="URL#***"></A>
|
(bila
terdapat pada dokumen lain)
|
|
<A HREF="#***"></A>
|
(bila
terdapat pada dokumen yang sama)
|
||
N2.0
|
Jendela
Sasaran (Target Window)
|
<A HREF="URL" TARGET="***|
|_blank|_self|_parent|_top"></A>
|
|
Penamaan
sasaran pada dokumen
|
<A NAME="***"></A>
|
||
Kaitan(Relationship)
|
<A REL="***"></A>
|
(jarang
digunakan)
|
|
Kaitan
terbalik (Reverse Relationship)
|
<A REV="***"></A>
|
(jarang
digunakan)
|
|
Peragaan
Gambar
|
<IMG SRC="URL">
|
||
Penataan
Letak Gambar
|
<IMG SRC="URL"
ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>
|
||
N1.0
|
Penataan
Letak Gambar
|
<IMG SRC="URL" ALIGN=TEXTTOP|
ABSMIDDLE|BASELINE|ABSBOTTOM>
|
|
Alternatif
Teks
|
<IMG SRC="URL" ALT="***">
|
(saat
gambar belum/tidak ditampilkan)
|
|
Daerah
Gambar (Imagemap)
|
<IMG SRC="URL" ISMAP>
|
(membutuhkan
program script)
|
|
Daerah
Gambar pihak klien
|
<IMG SRC="URL"
USEMAP="URL">
|
||
Uraian
Daerah Gambar
|
<MAP NAME="***"></MAP>
|
||
Pembagian
Daerah Gambar
|
<AREA SHAPE="RECT"
COORDS=",,," HREF="URL"|NOHREF>
|
||
Dimensi
Gambar
|
<IMG SRC="URL" WIDTH=? HEIGHT=?>
|
(in
pixels)
|
|
Garis
Batas
|
<IMG SRC="URL" BORDER=?>
|
(dalam
satuan pixel)
|
|
Ruang
Pembatas
|
<IMG SRC="URL" HSPACE=? VSPACE=?>
|
(dalam
satuan pixel)
|
|
N1.0
|
Gambar
Low-Res Proxy
|
<IMG SRC="URL"
LOWSRC="URL">
|
|
N1.1
|
Pemindahan
Tarik
|
<META HTTP-EQUIV="Refresh"
CONTENT="?; URL=URL">
|
(Client
Pull)
|
N2.0
|
Objek
Cantum
|
<EMBED SRC="URL">
|
(Embed
Object - mencantumkan objek pada dokumen)
|
N2.0
|
Ukuran
Objek
|
<EMBED SRC="URL" WIDTH=? HEIGHT=?>
|
|
|
|
|||
Paragraf
|
<P></P> [*]
|
(tag
penutup seringkali tak diperlukan)
|
|
Align Text
|
<P ALIGN=LEFT|CENTER|RIGHT></P> [*]
|
||
Pndah
Baris
|
<BR>
|
(pindah ke
baris berikut)
|
|
Putus
Penataan Baris
|
<BR CLEAR=LEFT|RIGHT|ALL>
|
(Clear
Textwrap)
|
|
Garis
Datar
|
<HR>
|
(Horizontal
Rule)
|
|
Penataan
Letak Garis
|
<HR ALIGN=LEFT|RIGHT|CENTER>
|
||
Tebal
Garis
|
<HR SIZE=?>
|
(dalam
satuan pixel)
|
|
Lebar
Garis
|
<HR WIDTH=?>
|
(dalam
satuan pixel)
|
|
N1.0
|
Lebar
Garis Persentasi
|
<HR WIDTH="%">
|
(dalam
persentasi terhadap lebar halaman)
|
Garis
Pejal
|
<HR NOSHADE>
|
(Solid
Line - tanpa pola 3D)
|
|
N1.0
|
Tanpa
Ganti Baris
|
<NOBR></NOBR>
|
(No Break
- mencegah ganti baris)
|
N1.0
|
Sambung
Suku Kata
|
<WBR>
|
(Word
Break - letak ganti baris bila diperlukan)
|
|
|
||||
Daftar
Tanpa Nomor
|
<UL><LI></UL>
|
(Unordered
List - Cantumkan <LI> sebelum tiap butir)
|
||
Kompak
|
<UL COMPACT></UL>
|
(Compact)
|
||
Jenis
Butiran
|
<UL TYPE=DISC|CIRCLE|SQUARE>
|
(Bullet
Type - berlaku umum bagi butir terdaftar)
|
||
<LI TYPE=DISC|CIRCLE|SQUARE>
|
(berlaku
khusus pada butir ini dan selanjutnya)
|
|||
Daftar
Bernomor
|
<OL><LI></OL>
|
(Ordered
List - Cantumkan <LI> sebelum tiap butir)
|
||
Kompak
|
<OL COMPACT></OL>
|
|||
Jenis
Penomoran
|
<OL TYPE=A|a|I|i|1>
|
(berlaku
umum untuk semua butir dalam daftar)
|
||
<LI TYPE=A|a|I|i|1>
|
(berlaku
khusus pada butir ini dan selanjutnya)
|
|||
Nomor
Mulai
|
<OL START=?>
|
(berlaku
umum untuk semua butir dalam daftar)
|
||
<LI VALUE=?>
|
(berlaku
khusus pada butir ini dan selanjutnya)
|
|||
Daftar
Definisi
|
<DL><DT><DD></DL>
|
(Definition
List - <DT>=istilah, <DD>=uraian)
|
||
Kompak
|
<DL COMPACT></DL>
|
|||
Daftar
Menu
|
<MENU><LI></MENU>
|
(Cantumkan
<LI> sebelum
butir menu)
|
||
Kompak
|
<MENU COMPACT></MENU>
|
|||
Daftar
Direktori
|
<DIR><LI></DIR>
|
(Cantumkan
<LI> sebelum
tiap butir direktori)
|
||
Kompak
|
<DIR COMPACT></DIR>
|
|||
|
|
|||
Latar
Belakang Gambar
|
<BODY BACKGROUND="URL">
|
(Tiled
Background)
|
|
Warna
Latar Belakang
|
<BODY BGCOLOR="#$$$$$$"> [*]
|
(Background
Color - urutan: merah/hijau/biru)
|
|
Warna
Huruf Teks
|
<BODY TEXT="#$$$$$$"> [*]
|
||
Warna
Acuan
|
<BODY LINK="#$$$$$$"> [*]
|
||
Acuan
Lepas Kunjung
|
<BODY VLINK="#$$$$$$"> [*]
|
(Visited
Link)
|
|
Acuan
Aktif
|
<BODY ALINK="#$$$$$$"> [*]
|
(Active
Link)
|
|
(Info lanjut di http://werbach.com/web/wwwhelp.html#color)
|
|||
|
|
|||
Special
Character
|
&#?;
|
(where ?
is the ISO 8859-1 code)
|
|
<
|
<
|
||
>
|
>
|
||
&
|
&
|
||
"
|
"
|
||
Registered
TM
|
®
|
||
Copyright
|
©
|
||
Spasi tak
putus
|
|
Non-breaking
Space
|
|
(Daftar lengkap huruf khusus terdapat di http://www.uni-passau.de/%7Eramsch/iso8859-1.html)
|
|||
|
|
|||
Rancangan
Formulir
|
<FORM ACTION="URL"
METHOD=GET|POST></FORM>
|
Define
Forms
|
|
N2.0
|
Mengirimkan
File
|
<FORM
ENCTYPE="multipart/form-data"></FORM>
|
File
Upload
|
Input
Field
|
<INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|
IMAGE|HIDDEN|SUBMIT|RESET">
|
||
Nama Field
|
<INPUT NAME="***">
|
||
Nilai
Field
|
<INPUT VALUE="***">
|
||
Kotak
Periksa
|
<INPUT CHECKED>
|
(checkboxes
dan radio boxes)
|
|
Ukuran
Field
|
<INPUT SIZE=?>
|
(dalam
satuan jumlah karakter)
|
|
Panjang
Maksimum
|
<INPUT MAXLENGTH=?>
|
(dalam
satuan karakter)
|
|
Daftar
Pilihan
|
<SELECT></SELECT>
|
Selection
List
|
|
Nama
Daftar Pilihan
|
<SELECT NAME="***"></SELECT>
|
||
Jumlah
Pilihan
|
<SELECT SIZE=?></SELECT>
|
||
Banyak
Pilihan
|
<SELECT MULTIPLE>
|
(dapat
memilih lebih dari satu)
|
|
Pilihan
|
<OPTION>
|
(butir
yang dapat dipilih)
|
|
Pilihan
Default
|
<OPTION SELECTED>
|
||
Ukuran
Input Box
|
<TEXTAREA ROWS=? COLS=?></TEXTAREA>
|
||
Nama Input
Box
|
<TEXTAREA
NAME="***"></TEXTAREA>
|
||
N2.0
|
Rangkuman
Teks
|
<TEXTAREA
WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>
|
Wrap Text
|
|
|
|||
Rancangan
Tabel
|
<TABLE></TABLE> [*]
|
||
Garis
Batas Tabel
|
<TABLE BORDER=?></TABLE>
|
||
Celah Sel
|
<TABLE CELLSPACING=?>
|
Cell
Spacing
|
|
Penyangga
Sel
|
<TABLE CELLPADDING=?>
|
Cell
Padding
|
|
Lebar
Tabel
|
<TABLE WIDTH=?>
|
(dalam
satuan pixel)
|
|
Lebar
Tabel Persentasi
|
<TABLE WIDTH="%">
|
(dalam
satuan persen terhadap lebar halaman)
|
|
Baris
dalam Tabel
|
<TR></TR>
|
||
Penataan
Letak Baris
|
<TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE> |
||
Sel dalam
Tabel
|
<TD></TD>
|
(harus ada
dalam setiap baris tabel)
|
|
Penataan
Letak Sel
|
<TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE> |
||
Tanpa
Ganti Baris
|
<TD NOWRAP>
|
||
Rentang
Kolom
|
<TD COLSPAN=?>
|
Columns to
span
|
|
Rentang
Baris
|
<TD ROWSPAN=?>
|
Rows to
span
|
|
N1.1
|
Lebar Sel
|
<TD WIDTH=?>
|
(dalam
satuan pixel)
|
N1.1
|
Lebar Sel
Persentasi
|
<TD WIDTH="%">
|
(dalam
satuan persen terhadap lebar tabel)
|
N3.0b
|
Warna Sel
|
<TD BGCOLOR="#$$$$$$">
|
|
Kepala
Tabel
|
<TH></TH>
|
(Table
Header - seperti data dengan Bold dan Center)
|
|
Penataan
Letak Kepala Tabel
|
<TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE> |
||
Tanpa
Baris Baru
|
<TH NOWRAP>
|
||
Rentang
Kolom
|
<TH COLSPAN=?>
|
Columns to
Span
|
|
Rentang
Baris
|
<TH ROWSPAN=?>
|
Rows to
Span
|
|
N1.1
|
Lebar
Kepala Tabel
|
<TH WIDTH=?>
|
(dalam
satuan pixel)
|
N1.1
|
Lebar
Persentasi
|
<TH WIDTH="%">
|
(dalam
persentasi terhadap lebar tabel)
|
N3.0b
|
Warna
Kepala Tabel
|
<TH BGCOLOR="#$$$$$$">
|
|
Keterangan
Tabel
|
<CAPTION></CAPTION>
|
Caption
|
|
Penataan
Keterangan
|
<CAPTION ALIGN=TOP|BOTTOM>
|
(di atas /
di bawah tabel)
|
|
|
|
|||
N2.0
|
Dokumen
dalam Frame
|
<FRAMESET></FRAMESET>
|
(sebagai
pengganti <BODY>)
|
N2.0
|
Tinggi
Baris Frame
|
<FRAMESET ROWS=,,,></FRAMESET>
|
(dalam
satuan pixel atau %)
|
N2.0
|
Tinggi
Baris Frame
|
<FRAMESET ROWS=*></FRAMESET>
|
(* =
ukuran relatif)
|
N2.0
|
Lebar
Kolom Frame
|
<FRAMESET COLS=,,,></FRAMESET>
|
(dalam
satuan pixel atau %)
|
N2.0
|
Lebar
Kolom Frame
|
<FRAMESET COLS=*></FRAMESET>
|
(* =
ukuran relatif)
|
N3.0b
|
Lebar
Garis Batas
|
<FRAMESET BORDER=?>
|
|
N3.0b
|
Garis
Batas
|
<FRAMESET FRAMEBORDER="yes|no">
|
|
N3.0b
|
Warna
Garis Batas
|
<FRAMESET BORDERCOLOR="#$$$$$$">
|
|
N2.0
|
Rancangan
Frame
|
<FRAME>
|
(isi dari
frame individu)
|
N2.0
|
Tampilan
Dokumen Frame
|
<FRAME SRC="URL">
|
|
N2.0
|
Nama Frame
|
<FRAME NAME="***"|_blank|_self|
_parent|_top>
|
|
N2.0
|
Lebar
Batas
|
<FRAME MARGINWIDTH=?>
|
(batas
kiri dan kanan)
|
N2.0
|
Tinggi
Batas
|
<FRAME MARGINHEIGHT=?>
|
(batas
atas dan bawah)
|
N2.0
|
Scrollbar?
|
<FRAME SCROLLING="YES|NO|AUTO">
|
Memungkinkan
scrolling pada frame
|
N2.0
|
Ukuran
Frame tak bisa diubah
|
<FRAME NORESIZE>
|
|
N3.0b
|
Batas
Frame
|
<FRAME FRAMEBORDER="yes|no">
|
|
N3.0b
|
Warna
Garis Batas
|
<FRAME BORDERCOLOR="#$$$$$$">
|
|
N2.0
|
Isi tanpa
Frame
|
<NOFRAMES></NOFRAMES>
|
(bagi
browser yang tak mampu frame)
|
|
|
|||
Applet
|
<APPLET></APPLET>
|
||
Nama File
Applet
|
<APPLET CODE="***">
|
||
Parameter
Applet
|
<APPLET PARAM NAME="***">
|
||
Sumber
Applet
|
<APPLET CODEBASE="URL">
|
||
Identifier
Applet
|
<APPLET NAME="***">
|
(sebagai
rujukan di tempat lain pada halaman sama)
|
|
Teks
Alternatif
|
<APPLET ALT="***">
|
(untuk
browser tanpa kemampuan Java browsers)
|
|
Penataan
Applet
|
<APPLET ALIGN="LEFT|RIGHT|CENTER">
|
||
Ukuran
Applet
|
<APPLET WIDTH=? HEIGHT=?>
|
(in
pixels)
|
|
Celah
batas Applet
|
<APPLET HSPACE=? VSPACE=?>
|
(in
pixels)
|
|
|
|
|||
Komentar
|
<!-- *** -->
|
(tidak
ditampilkan oleh browser)
|
|
Prolog
HTML 3.2
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
3.2//EN"> [*]
|
||
Mampu Cari
|
<ISINDEX>
|
(indikasi
indeks yang dapat dicari-temukan)
|
|
Prompt
|
<ISINDEX PROMPT="***">
|
(teks
sebagai prompt)
|
|
Perintah
Cari
|
<A HREF="URL?***"></a>
|
(gunakan
tanda tanya yang sebenarnya)
|
|
URL dari
file ini
|
<BASE HREF="URL">
|
(harus
terletak di header)
|
|
N2.0
|
Nama Dasar
Window
|
<BASE TARGET="***">
|
(harus
terletak di header)
|
Kaitan
|
<LINK REV="***" REL="***"
HREF="URL">
|
(Relation
dan Reverse Relation, harus terletak di header)
|
|
Informasi
Meta
|
<META>
|
(harus
terletak di header)
|
|
Lembar
Gaya Penulisan
|
<STYLE></STYLE>
|
(Style
Sheet - belum didukung sepenuhnya)
| |
0 Response to "Tampilan HTML"
Posting Komentar