|
Tag Dasar halaman Web
Ada beberapa tag yang sebuah dokumen HTML harus memilikinya. Apabila tag-tag ini tidak dicantumkan, tampilan dari dokumen tersebut akan terganggu struktur dan lay
out-nya akan menjadi tidak karuan.
<HTML>
Ini merupakan Tag Utama yang
setiap halamn Web harus mempunyai.
<HTML>
tag.
<HTML>
harus muncul atau ditempaytkan pada bagian paling awal dari kode halaman anda,
dan </HTML> sebagai yang paling akhir.
<HEAD>
Tepat di bawah tag HTML adalah tag <HEAD>. Tag HEAD ini mengandung obyek yang akan di load lebih dahulu oleh browser pengunjung halaman anda sebelum menampilkan bagian lain dalam halaman yang sama.
<TITLE>
Tag Title ini diletakkan di antara tag HEAD.
<TITLE>Selamat
Datang di Iklan Bonanza</TITLE>
String yang berada di antara tag TITLE akan ditampilkan sebagai judul pada
bagian kiri atas window
browser.
<BODY>
Di bawah tag HEAD, namun masih di dalam (di antara) tag HTML.
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Tag BODY ini berisi informasi yang berhubungan dengan property dasar pada keseluruhan isi dokumen HTML. Text, Link, Link yang telah dikunjungi, Link yang aktif dan warna latar belakang (background) dokumen serta image yang akan menjadi background didefinisikan pada bagian ini.
<BODY TEXT="white" LINK="gray" VLINK="orange" ALINK="gray" BGCOLOR="black" BACKGROUND="white-tile.gif"></BODY>
Tag BODY ini mengandung informasi yang berhubungan dengan property dasar pada keseluruhan isi dokumen HTML. Text, Link, Link yang telah dikunjungi, Link yang aktif dan warna latar belakang (background) dokumen serta image yang akan menjadi background didefinisikan pada bagian ini.
<BODY TEXT="white" LINK="gray" VLINK="orange" ALINK="gray" BGCOLOR="black" BACKGROUND="white-tile.gif"></BODY>
|
TEXT= |
Warna dari keseluruhan teks pada dokumen |
|
LINK= |
Warna teks yang berupa Link |
|
ALINK= |
Warna teks yang sedang di klik oleh user |
|
VLINK= |
Warna teks link yang pernah dikunjungi oleh user |
|
BGCOLOR= |
Warna latar belakang dokumen |
|
BACKGROUND= |
Path (jalur relatifatau absolut) menuju ke image yang akan menjadi latar belakang dari dokumen anda yang akan muncul lebih dahulu dari
bgcolor. |
Comment Tag
Tag "comment" adalah sebagai berikut:
<!-- Halaman situs ini di buat oleh Joko Setiawan -->
Browser akan mengabaikan isi apapun yang berada dalam area comment tag ini. Tag ini berguna untuk memberi kemudahan pada saat anda melakukan perubahan struktur halaman
anda dan komentar apa saja yang ingin anda tampilkan.
Kode yang telah anda kuasai sejauh ini adalah:
<HTML>
<HEAD>
<TITLE>My Homepage</TITLE>
</HEAD>
<BODY TEXT="Black" LINK="Blue" VLINK="Orange" ALINK="Gray" BGCOLOR="White" >
</BODY>
</HTML>
Jika halaman di atas kita buka pada browser maka yang akan kita saksikan adalah : sebuah halaman kosong berwarna putih,
dengan judul di bagian kiri atas browser My Homepage
META TAG -----> Merupakan salah satu TAG
penting yang diperlukan untuk informasi bagi Search Engine yang
akan mengindex situs yang bersangkutan. Seberapa jelas dan lengkap informasi
yang di dapat oleh Search Engine bergantung dari META TAG ini. META TAG Letaknya
harus diantara TAG <HEAD></HEAD>.
<HTML>
<HEAD>
<TITLE>Panduan Lengkap Membuat Situs Web</TITLE>
<META NAME="Autor" CONTENT="Joko
Setiawan">
<META NAME="Generator" CONTENT="Notepad">
<META NAME="Description" CONTENT="Situs ini berisi Tutorial lengkap
langkah demi langkah membangun situs Web">
<META NAME="KeyWords" CONTENT="HTML tutotial','free email','free web space','free
counter,free web hosting,free e-books,free guestbook,webmaster
resource,'">
</HEAD>
<BODY>
........ isi web ........
</BODY>
</HTML>
HTML Index Of Elements
-A-
<!-- --> Comments
<!DOCTYPE> HTML version
<A> Hyperlink
<ABBR> Abbreviation
<ACRONYM> Acronym
<ADDRESS> Author's name and address
<APPLET> JAVA Applet
<AREA> Hotspots (image map)
-B-
<B> Bold
<BASE> Base URL and default destination frame
<BASEFONT> Default font (document)
<BDO> Bidirectional off (display characters in opposite direction)
<BGSOUND> Background sound
<BIG> Extra bold
<BLINK> Blinking Text
<BLOCKQUOTE> Block Quote
<BODY> Document body
<BR> Line return
<BUTTON> Button
-C-
<CAPTION> Table title
<CENTER> Centegray
<CITE> Quotation
<CODE> Programming Code
<COL> Columns
<COLGROUP> Column Group
<COMMENT> Comments
-D-
<DD> Term definition
<DEL> Indication of deleted text
<DFN> Indication of a definition
<DIR> "Directory" type list
<DIV> Document division
<DL> Definitions
<DT> Defined term (Definition list)
-E-
<EM> Emphasized text
<EMBED> Embedded object
-F-
<FIELDSET> Regrouping of controls in a form
<FONT> Fonts
<FORM> Forms
<FRAME> Frames
<FRAMESET> Frame setting
-H-
<H1 . . . H6> Headings
<HEAD> Header
<HR> Horizontal line
<HTML> HTML document indication
<HTMLAREA> HTML text area (form)
-I-
<I> Italics
<IFRAME> Floating frame
<ILAYER> Layer with independent content
<IMG> Image
<INPUT> Form controls
<INS> Indication of inserted text
<ISINDEX> Text input field (search engines)
-K-
<KBD> Indication of procedure
<KEYGEN> Creation of keys (secure sites)
-L-
<LABEL> Label
<LAYER> Layers
<LEGEND> Legend
<LI> List item
<LINK> Link
<LISTING> Listing
-M-
<MAP> Image map
<MARQUEE> Scrolling text (banner)
<MENU> Menu type list
<META> Meta-information
<MULTICOL> Multiple columns
-N-
<NOBR> No line break
<NOEMBED> Alternative (embedded object)
<NOFRAMES> Alternative (frames)
<NOLAYER> Alternative (layers)
<NOSCRIPT> Alternative (script)
-O-
<OBJECT> Insertion of object
<OL> Ordegray list
<OPTGROUP> Logical regrouping (form)
<OPTION> Description of menu choices (form)
-P-
<P> Paragraph
<PARAM> Applet or object parameters
<PLAINTEXT> Plain text
<PRE> Pre-formatted text
-Q-
<Q> Inline quotation
-R-
<RT> Specification of annotation text <RUBY>
<RUBY> Annotations
-S-
<S> Strikethrough text
<SAMP> Example indication
<SCRIPT> Script insertion in a document
<SELECT> Selection of options list
<SERVER> Script (server-side)
<SMALL> Smaller fonts
<SPACER> Space insertion
<SPAN> Parameters of a delimited one
<STRIKE> Strikethrough text
<STRONG> Thick text
<STYLE> Inline style
<SUB> Index
<SUP> Superscript
-T-
<TABLE> Table
<TBODY> Table body
<TD> Cell data
<TEXTAREA> Text area (form)
<TFOOT> Table foot
<TH> Table header cell
<THEAD> Table header
<TITLE> Document title
<TR> Table row
<TT> "Teletype" (typewriter) text
-U-
<U> Underlined text
<UL> Unordegray (Bulleted) list
-V-
<VAR> Program Variable
_-W-
<WBR> Pre-authorized line break
-X-
<XMP> Example text
<XML> IXML island code
HTML Index Elements di
atas berisi Tag dan keterangan kegunaannya
|
