P. 1
Elemen Dasar HTML

Elemen Dasar HTML

|Views: 12|Likes:
Published by irwin andriyanto
post by http://irwinshare.blogspot.com
post by http://irwinshare.blogspot.com

More info:

Published by: irwin andriyanto on Sep 09, 2012
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOC, PDF, TXT or read online from Scribd
See more
See less

09/08/2013

pdf

text

original

ELEMEN DASAR

Jenis Dokumen Judul
<HTML></HTML> <TITLE></TITLE>

(terdapat pada awal dan akhir dari file HTML) (harus selalu terdapat pada mukadimah) (keterangan umum, seperti judul dsb.) (isi dari halaman HTML)

Mukadimah (Header) <HEAD></HEAD> Batang Tubuh
<BODY></BODY>

ANCANGAN STRUKTURAL
Kepala
<H?></H?>

(Heading spesifikasi untuk menetapkan 6 tingkatan kepala)

Penataan (Align) Kepala Bagian (Division) Penataan Bagian Kutipan Blok (Block Quote)

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

[*]
<DIV></DIV> <DIV ALIGN=LEFT|RIGHT| CENTER></DIV> <BLOCKQUOTE></BLOCKQUOTE>

[*]

(tampilan dengan jeda terhadap batas pinggir) (umumnya huruf miring) (umumnya huruf tebal) (umumnya huruf miring) (Code untuk

Penekanan (Emphasis)

<EM></EM>

Penguatan (Strong Emphasis) Kutipan singkat (Citation)

<STRONG></STRONG> <CITE></CITE>

Kode

<CODE></CODE>

source code listings) Contoh Keluaran Masukan Papan Ketik Variabel Definisi
<SAMP></SAMP> <KBD></KBD> <VAR></VAR> <DFN></DFN>

(Sample Output) (Keyboard Input) (Variable) (Definition jarang dipakai)

Alamat Pengarang (Author's Address) Huruf ukuran Besar Huruf Ukuran Kecil

<ADDRESS></ADDRESS> <BIG></BIG> <SMALL></SMALL>

FORMAT TAMPILAN
Huruf Tebal Huruf Miring N3.0b Garis Bawah Huruf Coret N3.0b Huruf Coret Huruf Geser Bawah Huruf Geser Atas Huruf Mesin Ketik Pra-format (Preformatted) Jarak Huruf Rata Tengah
<B></B> <I></I> <U></U> <STRIKE></STRIKE> <S></S> <SUB></SUB> <SUP></SUP> <TT></TT> <PRE></PRE>

(Bold) (Italic) (Underline - jarang digunakan) (Strikeout - jarang digunakan) (Strikeout - jarang digunakan) (Subscript) (Superscript) (Typewriter - huruf berjarak tetap) (menampilkan dengan jarak praformat) (mengatur jarak huruf) (Center - berlaku untuk teks maupun gambar) (Blinking - tag

<PRE WIDTH=?></PRE> <CENTER></CENTER>

[*]

N1.0

Huruf Kedip

<BLINK></BLINK>

terlucu sampai kini) Ukuran Huruf
<FONT SIZE=?></FONT>

(Font Size - boleh diisi dari 1 sampai 7) (boleh diisi 1 sampai 7; ukuran standard/default=3)

Rubah Ukuran Huruf <FONT SIZE="+|-?"></FONT> N1.0 Basis Ukuran Huruf
<BASEFONT SIZE=?>

Warna Huruf N3.0b Pilih Jenis Huruf N3.0b Teks Multi Kolom N3.0b Jarak Batas Kolom N3.0b Lebar Kolom N3.0b Celah (Spacer) N3.0b Jenis Celah N3.0b Ukuran Celah N3.0b Dimensi Celah N3.0b Penataan Celah

<FONT COLOR="#$$$$$$"></FONT> <FONT FACE="***"></FONT> <MULTICOL COLS=?></MULTICOL> <MULTICOL GUTTER=? ></MULTICOL> <MULTICOL WIDTH=?></MULTICOL> <SPACER> <SPACER TYPE=horizontal| vertical|block> <SPACER SIZE=?> <SPACER WIDTH=? HEIGHT=?> <SPACER ALIGN=left|right| center>

(default = 10 pixels)

ACUAN DAN GRAFIK
Acuan pada dokumen tertentu Acuan pada sasaran dalam dokumen
<A HREF="URL"></A> <A HREF="URL#***"></A>

(bila terdapat pada dokumen lain) (bila terdapat pada dokumen yang sama)

<A HREF="#***"></A>

N2.0 Jendela Sasaran (Target Window) Penamaan sasaran pada dokumen

<A HREF="URL" TARGET="***| |_blank| _self|_parent|_top"></A> <A NAME="***"></A>

Kaitan(Relationship) <A REL="***"></A>

(jarang digunakan)

Kaitan terbalik (Reverse Relationship) Peragaan Gambar Penataan Letak Gambar N1.0 Penataan Letak Gambar Alternatif Teks

<A REV="***"></A>

(jarang digunakan)

<IMG SRC="URL"> <IMG SRC="URL" ALIGN=TOP|BOTTOM| MIDDLE|LEFT|RIGHT> <IMG SRC="URL" ALIGN=TEXTTOP| ABSMIDDLE|BASELINE|ABSBOTTOM> <IMG SRC="URL" ALT="***">

(saat gambar belum/tidak ditampilkan) (membutuhkan program script)

Daerah Gambar (Imagemap) Daerah Gambar pihak klien Uraian Daerah Gambar Pembagian Daerah Gambar Dimensi Gambar Garis Batas Ruang Pembatas N1.0 Gambar Low-Res Proxy N1.1 Pemindahan Tarik N2.0 Objek Cantum

<IMG SRC="URL" ISMAP> <IMG SRC="URL" USEMAP="URL"> <MAP NAME="***"></MAP> <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF> <IMG SRC="URL" WIDTH=? HEIGHT=?> <IMG SRC="URL" BORDER=?> <IMG SRC="URL" HSPACE=? VSPACE=?> <IMG SRC="URL" LOWSRC="URL"> <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"> <EMBED SRC="URL">

(in pixels) (dalam satuan pixel) (dalam satuan pixel)

(Client Pull) (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 Pndah Baris Putus Penataan Baris Garis Datar Penataan Letak Garis Tebal Garis Lebar Garis
<P ALIGN=LEFT|CENTER|RIGHT></P> <BR> <BR CLEAR=LEFT|RIGHT|ALL> <HR> <HR ALIGN=LEFT|RIGHT|CENTER> <HR SIZE=?> <HR WIDTH=?>

[*] (pindah ke baris berikut) (Clear Textwrap) (Horizontal Rule) (dalam satuan pixel) (dalam satuan pixel) (dalam persentasi terhadap lebar halaman) (Solid Line tanpa pola 3D) (No Break mencegah ganti baris) (Word Break letak ganti baris bila diperlukan)

N1.0 Lebar Garis Persentasi <HR WIDTH="%">

Garis Pejal

<HR NOSHADE>

N1.0 Tanpa Ganti Baris

<NOBR></NOBR>

N1.0 Sambung Suku Kata

<WBR>

DAFTAR
Daftar Tanpa Nomor Kompak Jenis Butiran
<UL><LI></UL>

(Unordered List Cantumkan <LI> sebelum tiap butir) (Compact) (Bullet Type - berlaku umum bagi butir terdaftar) (berlaku khusus pada butir ini dan

<UL COMPACT></UL> <UL TYPE=DISC|CIRCLE|SQUARE>

<LI TYPE=DISC|CIRCLE|SQUARE>

selanjutnya) Daftar Bernomor
<OL><LI></OL>

(Ordered List Cantumkan <LI> sebelum tiap butir) (berlaku umum untuk semua butir dalam daftar) (berlaku khusus pada butir ini dan selanjutnya) (berlaku umum untuk semua butir dalam daftar) (berlaku khusus pada butir ini dan selanjutnya) (Definition List <DT>=istilah, <DD>=uraian)

Kompak Jenis Penomoran

<OL COMPACT></OL> <OL TYPE=A|a|I|i|1>

<LI TYPE=A|a|I|i|1>

Nomor Mulai

<OL START=?>

<LI VALUE=?>

Daftar Definisi

<DL><DT><DD></DL>

Kompak Daftar Menu

<DL COMPACT></DL> <MENU><LI></MENU>

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->