Make your own free website on Tripod.com



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



KEMBALI KE DAFTAR ISI


Garansi 100%, Anda pasti dapat US$ 500,- per bulan Garansi 100%, Anda pasti dapat US$ 500,- per bulan

By Joko Setiawan, Klaten, 10 Juni 2003.