Sabtu, 31 Maret 2018

Kumpulan-kumpulan Code-code HTML

Author : Anonimokerl


Hae stah, kali ini mimin akan memberikan code-code HTML



Langsung sadja

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?>   (pilih salah satu antara LEFT, CENTER dan RIGHT)

Bagian (Division)

<DIV></DIV>

Penataan Bagian

<DIV ALIGN=LEFT|RIGHT|CENTER></DIV>      (pilih salah satu antara LEFT, CENTER dan RIGHT)

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

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 GUTTER=?></MULTICOL>         (default = 10 pixels)

Lebar Kolom

<MULTICOL WIDTH=?></MULTICOL>

Celah (Spacer)

<SPACER>

Jenis Celah

<SPACER TYPE=horizontal| vertical|block>     (pilih salah satu antara horizontal, vertical, block)

Ukuran Celah

<SPACER SIZE=?>

Dimensi Celah

<SPACER WIDTH=? HEIGHT=?>

 Penataan Celah

<SPACER ALIGN=left|right|center>            (pilih salah satu antara LEFT, CENTER dan RIGHT)

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)

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

Jendela Sasaran (Target Window)

<A HREF="URL" TARGET="***| |_blank|_self|_parent|_top"></A>        (pilih salah satu diantara blank, self, parent, top)

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>      (pilih salah satu diantara TPO, BOTTOM, MIDDLE, LEFT, RIGHT)

Penataan Letak Gambar

<IMG SRC="URL" ALIGN=TEXTTOP| ABSMIDDLE|BASELINE|ABSBOTTOM>        (pilih salah satu diantara 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" CONTENT="?; URL=URL">        (Client Pull)

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 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 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
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" METHOD=GET|POST></FORM>    (Define Forms)

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>

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)

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

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 ALIGN=TOP|BOTTOM>        (di atas / di bawah tabel)

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 SCROLLING="YES|NO|AUTO">     (Memungkinkan scrolling pada frame)

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)

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)

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)




Sumber?   http://werbach.com/barebones/barebone_id.html


Sekian dulu stah :)


EmoticonEmoticon