Sabtu, 29 Oktober 2016

Materi Dasar


ELEMEN DASAR

Jenis Dokumen
<HTML></HTML>
(terdapat pada awal dan akhir dari file HTML)
Judul

<TITLE></TITLE>
(harus selalu terdapat pada mukadimah)
Mukadimah (Header)
<HEAD></HEAD>
(keterangan umum, seperti judul dsb.)
Batang Tubuh
<BODY></BODY>
(isi dari halaman HTML)


ANCANGAN STRUKTURAL





Kepala
<H?></H?>

(Heading - spesifikasi untuk menetapkan




6 tingkatan kepala)
Penataan (Align) Kepala
<H?




ALIGN=LEFT|CENTER|RIGHT></H?>



[*]


Bagian (Division)
<DIV></DIV>


Penataan Bagian
<DIV




ALIGN=LEFT|RIGHT|CENTER></DIV>

Kutipan Blok (Block Quote)
<BLOCKQUOTE></BLOCKQUOTE>  [*]
(tampilan dengan jeda terhadap batas




pinggir)
Penekanan (Emphasis)
<EM></EM>

(umumnya huruf miring)
Penguatan (Strong Emphasis)
<STRONG></STRONG>
(umumnya huruf tebal)
Kutipan singkat (Citation)
<CITE></CITE>

(umumnya huruf miring)
Kode

<CODE></CODE>

(Code - untuk source code listings)
Contoh Keluaran
<SAMP></SAMP>

(Sample Output)
Masukan Papan Ketik
<KBD></KBD>

(Keyboard Input)
Variabel
<VAR></VAR>

(Variable)
Definisi
<DFN></DFN>

(Definition - jarang dipakai)
Alamat Pengarang (Author's
<ADDRESS></ADDRESS>

Address)



Huruf ukuran Besar
<BIG></BIG>


Huruf Ukuran Kecil
<SMALL></SMALL>




FORMAT TAMPILAN






Huruf Tebal
<B></B>
(Bold)

Huruf Miring
<I></I>
(Italic)

Garis Bawah
<U></U>
(Underline - jarang digunakan)

Huruf Coret
<STRIKE></STRIKE>
(Strikeout - jarang digunakan)

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)

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>


Basis Ukuran Huruf
<BASEFONT SIZE=?>
(boleh diisi 1 sampai 7; ukuran




standard/default=3)

Warna Huruf
<FONT COLOR="#$$$$$$"></FONT>


Pilih Jenis Huruf
<FONT FACE="***"></FONT>


Teks Multi Kolom
<MULTICOL COLS=?></MULTICOL>


Jarak Batas Kolom
<MULTICOL
(default = 10 pixels)


GUTTER=?></MULTICOL>


Lebar Kolom
<MULTICOL



WIDTH=?></MULTICOL>


Celah (Spacer)
<SPACER>


Jenis Celah
<SPACER TYPE=horizontal|



vertical|block>


Ukuran Celah
<SPACER SIZE=?>


Dimensi Celah
<SPACER WIDTH=? HEIGHT=?>


Penataan Celah
<SPACER ALIGN=left|right|center>




ACUAN DAN GRAFIK






Acuan pada dokumen tertentu
<A HREF="URL"></A>


Acuan pada sasaran dalam

<A HREF="URL#***"></A>
(bila terdapat pada dokumen

dokumen


lain)



<A HREF="#***"></A>
(bila terdapat pada dokumen




yang sama)
             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

<A REV="***"></A>
(jarang digunakan)

Relationship)




Peragaan Gambar

<IMG SRC="URL">


Penataan Letak Gambar

<IMG SRC="URL"




ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>

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)

Gambar Low-Res Proxy
<IMG SRC="URL" LOWSRC="URL">



Pemindahan Tarik
<META HTTP-EQUIV="Refresh"
(Client Pull)


CONTENT="?; URL=URL">



Objek Cantum
<EMBED SRC="URL">

(Embed Object -




mencantumkan objek pada




dokumen)

Ukuran Objek
<EMBED SRC="URL" WIDTH=? HEIGHT=?>




PEMISAH









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)

Lebar Garis Persentasi
<HR WIDTH="%">
(dalam persentasi terhadap lebar



halaman)



Garis Pejal
<HR NOSHADE>
(Solid Line - tanpa pola 3D)

Tanpa Ganti Baris
<NOBR></NOBR>
(No Break - mencegah ganti baris)

Sambung Suku Kata
<WBR>
(Word Break - letak ganti baris bila



diperlukan)


DAFTAR







Daftar Tanpa Nomor
<UL><LI></UL>
(Unordered List - Cantumkan <LI> sebelum tiap



butir)


Kompak
<UL COMPACT></UL>
(Compact)


Jenis Butiran
<UL
(Bullet Type - berlaku umum bagi butir terdaftar)


TYPE=DISC|CIRCLE|SQUARE>





<LI
(berlaku khusus pada butir ini dan selanjutnya)


TYPE=DISC|CIRCLE|SQUARE>



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 DAN WARNA

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)

HURUF SPESIAL(these must all be in lower case)



Special Character
&#?;
(where ? is the ISO 8859-1 code)
< 
&lt;

> 
&gt;

&
&amp;

"
&quot;

Registered TM
&reg;

Copyright
&copy;

Spasi tak putus
&nbsp;
Non-breaking Space

FORMULIR




Rancangan Formulir
<FORM ACTION="URL"
Define Forms

METHOD=GET|POST></FORM>

              Mengirimkan File
<FORM ENCTYPE="multipart/form-
File Upload

data"></FORM>

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>

Rangkuman Teks
<TEXTAREA
Wrap Text


WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>


TABEL






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 (Penggabungan Kolom)

Rentang Baris
<TD ROWSPAN=?>
Rows to span (Penggabungan Baris)

Lebar Sel
<TD WIDTH=?>
(dalam satuan pixel)

Lebar Sel Persentasi
<TD WIDTH="%">
(dalam satuan persen terhadap lebar tabel)

Warna Sel
<TD BGCOLOR="#$$$$$$">


Kepala Tabel
<TH></TH>
(Table Header - seperti data dengan Bold dan



Center)




Penataan Letak Kepala
<TH ALIGN=LEFT|RIGHT|



Tabel
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

Lebar Kepala Tabel
<TH WIDTH=?>
(dalam satuan pixel)

Lebar Persentasi
<TH WIDTH="%">
(dalam persentasi terhadap lebar tabel)

Warna Kepala Tabel
<TH BGCOLOR="#$$$$$$">



Keterangan Tabel
<CAPTION></CAPTION>
Caption

Penataan Keterangan
<CAPTION
(di atas / di bawah tabel)


ALIGN=TOP|BOTTOM>




FRAMES








Dokumen dalam Frame
<FRAMESET></FRAMESET>

(sebagai pengganti <BODY>)

Tinggi Baris Frame
<FRAMESET ROWS=,,,></FRAMESET>
(dalam satuan pixel atau %)

Tinggi Baris Frame
<FRAMESET ROWS=*></FRAMESET>
(* = ukuran relatif)

Lebar Kolom Frame
<FRAMESET COLS=,,,></FRAMESET>
(dalam satuan pixel atau %)

Lebar Kolom Frame
<FRAMESET COLS=*></FRAMESET>
(* = ukuran relatif)

Lebar Garis Batas
<FRAMESET BORDER=?>



Garis Batas
<FRAMESET




FRAMEBORDER="yes|no">



Warna Garis Batas
<FRAMESET




BORDERCOLOR="#$$$$$$">



Rancangan Frame
<FRAME>

(isi dari frame individu)

Tampilan Dokumen Frame
<FRAME SRC="URL">



Nama Frame
<FRAME NAME="***"|_blank|_self|




_parent|_top>



Lebar Batas
<FRAME MARGINWIDTH=?>

(batas kiri dan kanan)

Tinggi Batas
<FRAME MARGINHEIGHT=?>

(batas atas dan bawah)

Scrollbar?
<FRAME

Memungkinkan scrolling pada frame


SCROLLING="YES|NO|AUTO">



Ukuran Frame tak bisa diubah
<FRAME NORESIZE>



Batas Frame
<FRAME FRAMEBORDER="yes|no">


Warna Garis Batas
<FRAME BORDERCOLOR="#$$$$$$">


Isi tanpa Frame
<NOFRAMES></NOFRAMES>

(bagi browser yang tak mampu frame)



KODE WARNA



Kode Hex, Nama Warna: #F0F8FF
Aliceblue










































Kode Hex, Nama Warna: #FAEBD7
Antiquewhite

































Kode Hex, Nama Warna: #00FFFF
Aqua
















































Kode Hex, Nama Warna: #7FFFD4
Aquamarine

































Kode Hex, Nama Warna: #F0FFFF
Azure











































Kode Hex, Nama Warna: #F5F5DC
Beige










































Kode Hex, Nama Warna: #FFE4C4
Bisque








































Kode Hex, Nama Warna: #000000
Black









































Kode Hex, Nama Warna: #FFEBCD
Blanchedalmond





















Kode Hex, Nama Warna: #0000FF
Blue









































Kode Hex, Nama Warna: #8A2BE2
Blueviolet


































Kode Hex, Nama Warna: #A52A2A
Brown






































Kode Hex, Nama Warna: #DEB887
Burlywood































Kode Hex, Nama Warna: #5F9EAD
Cadetblue

































Kode Hex, Nama Warna: #7FFF00
Chartreuse































Kode Hex, Nama Warna: #D2691E
Chocolate
































Kode Hex, Nama Warna: #FF7F50
Coral



































Kode Hex, Nama Warna: #64950
Cornflowerblue


















Kode Hex, Nama Warna: #FFF8DC
Cornsilk































Kode Hex, Nama Warna: #DC143C
Crimson






























Kode Hex, Nama Warna: #00FFFF
Cyan































Kode Hex, Nama Warna: #00008B
Darkblue





























Kode Hex, Nama Warna: #008B8B
Darkcyan




























Kode Hex, Nama Warna: #B8860B
Darkgoldenrod
















Kode Hex, Nama Warna: #A9A9A9
Darkgray

























Kode Hex, Nama Warna: #006400
Darkgreen
























Kode Hex, Nama Warna: #8B008B
Darkmagenta


















Kode Hex, Nama Warna: #BDB76B
Darkkhaki























Kode Hex, Nama Warna: #556B2F
Darkolivegreen












Kode Hex, Nama Warna: #FF8C00
Darkorange

















Kode Hex, Nama Warna: #9932CC
Darkorchid
















Kode Hex, Nama Warna: #8B0000
Darkred
















Kode Hex, Nama Warna: #E9967A
Darksalmon













Kode Hex, Nama Warna: #8FBC8B
Darkseagreen










Kode Hex, Nama Warna: #483D8B
Darkslateblue








Kode Hex, Nama Warna: #2F4F4F
Darkslategray






Kode Hex, Nama Warna: #00CED1
Darkturquoise




Kode Hex, Nama Warna: #9400D3
Darkviolet





Kode Hex, Nama Warna: #FF1493
Deeppink




Kode Hex, Nama Warna: #00BFFF
Deepskyblue





Kode Hex, Nama Warna: #696969
Dimgray















































Kode Hex, Nama Warna: #1E90FF
Dodgerblue





































Kode Hex, Nama Warna: #B22222
Firebrick













































Kode Hex, Nama Warna: #FFFAF0
Floralwhite




































Kode Hex, Nama Warna: #228B22
Forestgreen



































Kode Hex, Nama Warna: #FF00FF
Fuchsia












































Kode Hex, Nama Warna: #DCDCDC
Gainsboro





































Kode Hex, Nama Warna: #F8F8FF
Ghostwhite

































ode Hex, Nama Warna: #FFD700
Gold















































Kode Hex, Nama Warna: #DAA520
Goldenrod



































Kode Hex, Nama Warna: #808080
Gray














































Kode Hex, Nama Warna: #008000
Green









































Kode Hex, Nama Warna: #ADFF2F
Greenyellow



























Kode Hex, Nama Warna: #F0FFF0
Honeydew






























Kode Hex, Nama Warna: #FF69B4
Hotpink



































Kode Hex, Nama Warna: #CD5C5C
Indianred































Kode Hex, Nama Warna: #4B0082
Indigo

































Kode Hex, Nama Warna: #FFFFF0
Ivory


































Kode Hex, Nama Warna: #F0E68C
Khaki
































Kode Hex, Nama Warna: #E6E6FA
Lavender





























Kode Hex, Nama Warna: #FFF0F5
Lavenderblush
















Kode Hex, Nama Warna: #7CFC00
Lawngreen





















Kode Hex, Nama Warna: #FFFACD
Lemonchiffon















Kode Hex, Nama Warna: #ADE8E6
Lightblue






















Kode Hex, Nama Warna: #F08080
Lightcoral



















Kode Hex, Nama Warna: #E0FFFF
Lightcyan



















Kode Hex, Nama Warna: #FAFAD2
Lightgoldenrodyellow











Kode Hex, Nama Warna: #90EE90
Lightgreen
















Kode Hex, Nama Warna: #D3D3D3
Lightgray
















Kode Hex, Nama Warna: #FFB6C1
Lightpink















Kode Hex, Nama Warna: #FFA072
Lightsalmon












Kode Hex, Nama Warna: #20B2AA
Lightseagreen









Kode Hex, Nama Warna: #87CEFA
Lightskyblue








Kode Hex, Nama Warna: #778899
Lightslategray







Kode Hex, Nama Warna: #B0C4DE
Lightsteelblue






Kode Hex, Nama Warna: #FFFFE0
Lightyellow





Kode Hex, Nama Warna: #00FF00
Lime







Kode Hex, Nama Warna: #32CD32
Limegreen




Kode Hex, Nama Warna: #FAF0E6
Linen




Kode Hex, Nama Warna: #FF00FF
Magenta



Kode Hex, Nama Warna: #800000
Maroon








































Kode Hex, Nama Warna: #66CDAA
Mediumaquamarine
























Kode Hex, Nama Warna: #0000CD
Mediumblue






























Kode Hex, Nama Warna: #BA55D3
Mediumorchid


























Kode Hex, Nama Warna: #9370DB
Mediumpurple

























Kode Hex, Nama Warna: #3CB371
Mediumseagreen























Kode Hex, Nama Warna: #7B68EE
Mediumslateblue






















Kode Hex, Nama Warna: #00FA9A
Mediumspringgreen



















Kode Hex, Nama Warna: #48D1CC
Mediumturquoise




















Kode Hex, Nama Warna: #C71585
Mediumvioletred



















Kode Hex, Nama Warna: #191970
Midnightblue



















Kode Hex, Nama Warna: #F5FFFA
Mintcream




















Kode Hex, Nama Warna: #FFE4E1
Mistyrose





















Kode Hex, Nama Warna: #FFE4E1
Moccasin





















Kode Hex, Nama Warna: #FFDEAD
Navajowhite

















Kode Hex, Nama Warna: #000080
Navy
























Kode Hex, Nama Warna: #FDF5E6
Oldlace



















Kode Hex, Nama Warna: #808000
Olive





















Kode Hex, Nama Warna: #6B8E23
Olivedrab

















Kode Hex, Nama Warna: #FFA500
Orange

















Kode Hex, Nama Warna: #FF1000
Orangered













Kode Hex, Nama Warna: #DA70D6
Orchid














Kode Hex, Nama Warna: #EEE8AA
Palegoldenrod








Kode Hex, Nama Warna: #98FB98
Palgreen











Kode Hex, Nama Warna: #AFEEEE
Paleturquoise







Kode Hex, Nama Warna: #DB7093
Palevioletred






Kode Hex, Nama Warna: #FFEFD5
Papayawhip





Kode Hex, Nama Warna: #FFDAB9
Peachpuff




Kode Hex, Nama Warna: #CD853F
Peru




Kode Hex, Nama Warna: #FFC0CB
Pink




Kode Hex, Nama Warna: #DDA0DD
Plum











































Kode Hex, Nama Warna: #B0E0E6
Powderblue


























Kode Hex, Nama Warna: #800080
Purple




































Kode Hex, Nama Warna: #FF0000
Red







































Kode Hex, Nama Warna: #BC8F8F
Rosybrown























Kode Hex, Nama Warna: #4169E1
Royalblue























Kode Hex, Nama Warna: #8B4513
Saddlebrown



















Kode Hex, Nama Warna: #FA8072
Salmon




























Kode Hex, Nama Warna: #F4A460
Sandybrown



















Kode Hex, Nama Warna: #2E8B57
Seagreen






















Kode Hex, Nama Warna: #FFF5EE
Seashell






















Kode Hex, Nama Warna: #A0522D
Sienna
























Kode Hex, Nama Warna: #C0C0C0
Silver

























Kode Hex, Nama Warna: #87CEEB
Skyblue



















Kode Hex, Nama Warna: #708090
Slategray
















Kode Hex, Nama Warna: #FFFAFA
Snow




















Kode Hex, Nama Warna: #00FF7F
Springgreen












Kode Hex, Nama Warna: #4682B4
Steelblue












Kode Hex, Nama Warna: #D2B48C
Tan
















Kode Hex, Nama Warna: #008080
Teal














Kode Hex, Nama Warna: #D8BFD8
Thistle











Kode Hex, Nama Warna: #FF6347
Tomato








Kode Hex, Nama Warna: #40E0D0
Turquoise






Kode Hex, Nama Warna: #EE82EE
Violet







Kode Hex, Nama Warna: #F5DEB3
Wheat



Kode Hex, Nama Warna: #FFFFFF
White




Kode Hex, Nama Warna: #F5F5F5
Whitesmoke





Kode Hex, Nama Warna: #FFFF00
Yellow




Kode Hex, Nama Warna: #9ACD32
Yellowgreen


Sumber: https://www.academia.edu/20025533/Materi_Dasar_Pemrograman_HTML.pdf

Tidak ada komentar:

Posting Komentar