Artikel Acuan dan Grafik HTML

Artikel Acuan dan Grafik HTML

Lanjut! Sambungan dari pos Format Tampilan HTML sekarang kita juga perlu mengetahui data berikut ini ketika mempelajari HTML :


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

Semoga bermanfaat, untuk materi selanjutnya, mohon kunjungi pos berikutnya ya!
Artikel Format Tampilan HTML

Artikel Format Tampilan HTML

Sambungan dari pos Rancangan Struktural HTML sekarang kita juga perlu mengetahui data berikut ini ketika mempelajari HTML :


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>
 
 

Semoga bermanfaat, untuk materi selanjutnya, mohon kunjungi pos berikutnya ya!
Elemen Dasar HTML

Elemen Dasar HTML

Jika sobat baru mau mempelajari HTML, sobat harus mempelajari data dibawah ini :


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)
 
Artikel Rancangan Struktural HTML

Artikel Rancangan Struktural HTML

Pada pos sebelumnya anda telah mempelajari Elemen Dasar HTML, dan untuk hal yang perlu sobat ketahui berikutnya  adalah :


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



Semoga bermanfaat, untuk materi selanjutnya, mohon kunjungi pos berikutnya ya!