syahharbanu :): 2013

hai guys,,kali ini sy akan share tentang panduan dasar belajar html.. semoga bisa bermanfaat :) 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)
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 DAN GRAFIK
	Acuan pada dokumen tertentu	<A HREF="URL"></A>
	Acuan pada sasaran dalam dokumen	<A HREF="URL#***"></A>	(bila terdapat pada dokumen lain)
	Acuan pada sasaran dalam dokumen	<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=?>

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)
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
	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)
	Jenis Butiran	<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)
	Jenis Penomoran	<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)
	Nomor Mulai	<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)
(Info lanjut di http://werbach.com/web/wwwhelp.html#color)

*HURUF SPESIAL(these must all be in lower case)***
	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)

FORMULIR
	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

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

FRAMES
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)

JAVA
	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)

LAIN-LAIN
	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)
	Scripts	<SCRIPT></SCRIPT>	(belum didukung sepenuhnya).

syahharbanu :)

Jumat, 05 Juli 2013

Tugas KKPI openoffice.org inpress

Kamis, 04 Juli 2013

Panduan Belajar HTML

Mengenai Saya