TIK: Tag HTML dan Fungsinya

No.

Nama

Fungsi

Kategori

1.

<HTML></HTML> Tag yang diisi dengan isi dari dokumen HTML.

Pengenalan Kode HTML

2.

<BODY></BODY> Penanda tubuh atau isi dari dokumen web.Dapat disisipkan bermacam-macam atribut yang akan berpengaruh terhadap format atau tampilan halaman

web secara keseluruhan.

Atribut :Background, bgcolor, bgsound, font, link, alink, vlink, topmargin, leftmargin, marginheight, marginwidth
<BODY BGCOLOR=”color” TEXT=”color”> Untuk mengubah warna latarbelakang dan tulisan.Color diisi dengan nama warna atau kode warna.

3.

<HEAD></HEAD> Untuk mengapitberbagai macam fungsi dan informasi yang berkenan dengan halaman web yang bersangkutan.

Mengutak Atik Huruf

4.

<TITLE></TITLE> Untukmengapit kalimat yang menjadi judul dari halaman web tersebut.

5.

<B></B> Untuk membuat tulisan tebal.

6.

<I></I> Untuk membuat tulisan miring.

7.

<U></U> Untuk emmbuat tulisan bergaris bawah.

8.

<H1></H1><H2></H2>

<H3></H3>

<H4></H4>

<H5></H5>

<H6></H6>

Huruf-huruf berukuran khusus yang digunakan untuk menuliskan judul bab atau sub bab. Ada enam tingkatan header mulai dari H1 hingga H6. H1 adalah header yang paling besar dan H6 adalah header yang paling kecil.

9.

<BR> Untuk membuat baris baru pada dokumen HTML.Tidak mempunyai tag penutup.

Baris dan Paragraf

10.

<P> Untuk membuat paragraf baru pada dokumen HTML.Tidak mempunyai tag penutup.

11.

&lt; Untuk menyisipkan kurung runcing buka (<).

Notasi khusus

12.

&gt; Untuk menyisipkan kurung runcing tutup (>).

13.

&amp; Untuk menyisipkan dan (&).

14.

&quot; Untuk menyisipkan tanda petik ganda (“).

15.

&plusmn; Untuk menyisipkan tanda plus minus (±).

16.

&copy; Untuk menyisipkan hak cipta atau copyright (©).

17.

&reg; Untuk menyisipkan terdaftar atau registered (®).

18.

<PRE></PRE> Untuk menampilkan teks apa adanya, maksudnyaspasi dianggap spasi, tabulasi dianggap tabulasi dan enter dianggap enter. Bahkan font-nya pun muncul

sesuai aslinya.

Menampilkan Apa Adanya

19.

<P ALIGN=”center”> Untuk membuat paragraf rata tengah.

Alignment atau Perataan

<P ALIGN=”left”> Untuk membuat paragraf rata kiri.
<P ALIGN=”right”> Untuk membuat paragraf rata kanan.
<P ALIGN=”justify”> Untuk membuat paragraf rata kiri dan kanan.

20.

<DD> Untuk membuat paragraf yang baris pertamanya agak masuk ke dalam.

Indentasi

21.

<BLOCKQUOTE> Untuk membuat paragraf yang semua barisnya agak masuk ke dalam.

22.

<DL> Untuk menandaidimulai atau diakhirinya daftar definisi.

23.

<DT> Untuk menandai paragraf normal (yang dijelaskan).

24.

<DD> Untuk menandai paragraf yang agak masuk ke dalam (yang menjelaskan paragraf di atasnya).

25.

<UL></UL> Untuk membuat daftar item tak berurut.

Daftar Item (Bullet dan Numbering)

<UL TYPE=”disc”></UL> Untuk menyisipkan bullet bulatan hitam.
<UL TYPE=”circle”></UL> Untuk menyisipkan bullet  lingkaran.
<UL TYPE=”square”></UL> Untuk menyisipka bullet kotak hitam.

26.

<OL></OL> Untuk membuat daftar item berurut.
<OL TYPE=“jenis angka”></OL> Untuk mengubah jenis angka. Jenis angkanya diisi dengan angka 1, A, a, I,atau i.

27.

<LI></LI> Untuk menandai setiap item.

28.

<FONT FACE=”jenis font”></FONT> Untuk mengubah jenis font.

Variasi Font

29.

<FONT SIZE=”ukuran font”></FONT> Untuk mengubah ukuran font.

30.

<BASEFONT FACE=”jenis font” SIZE=”ukuran font” COLOR=”warna font></FONT> Untuk mengubah font default untuk satu halaman HTML.

31.

<SUB></SUB> Untuk menulis subscript.

Subscript dan Superscript

32.

<SUP></SUP>  Untukmenulis superscript.

33.

<A></A>. Untuk membuat sebuah teks atau gambar menjadi sebuah link ke dokumen atau situs lainnya.

Link atau Kaitan

Atribut :Href, target, style, class, name, id.

34.

<IMG> Untuk menyisipkan file gambar.

Atribut-Atribut Gambar

Atribut :Src, alt, name, border, height, width.

35.

<BODY BACKGROUND=”nama file gambar“> Untuk menggunakan gambar sebagai background (latar belakang).

Menggunakan Gambar Sebagai Background

36.

<A HREF=”link“><IMG SRC=”nama file gambar“></A> Untuk menggunakan gambar sebagai link.

Menggunakan Gambar Sebagai Link

37.

<TABLE></TABLE> Untuk menandai sebuah tabel.

Membuat Tabel

Atribut :Border, cellpadding, cellspacing, width, height, name, id, title, bgcolor, background, align, valign

38.

<TR></TR> Untuk membentuk baris pada tabel.
Atribut :Height, bgcolor, background, align, valign, title.

39.

<TD></TD> Untuk membentuk kolom pada tabel.
Atribut :Height, width, bgcolor, background, align, valign, title, colspan, rowspan.

40.

<TH></TH> Untuk membuat header(kepala tabel). Otomatis ke tengah dan tebal.
Atribut :Height, width, bgcolor, background, align, valign, title, colspan, rowspan

41.

<FRAMESET></FRAMESET> Untuk membuat halaman utama atau halaman yang ber-frame.

Membuat Frame

42.

<MARQUEE></MARQUEE> Untuk membuat tulisan atau gambar bergerak.

Tulisan atau Gambar Bergerak

43.

<BGSOUND SRC=”nama file lagu”> Untuk menyisipkan lagu pada html.

Suara

44.

<form></form> Mengatur elemen dari form.

Form

Method, action, name, enctype

45.

<input type=> Variasi dari tipe elemen input dalam form.
Atribut :Text, password, hidden, radio, checkbox, submit, image, reset

46.

<select></select> Membuat combo-box. Digunakan bersama dengan option.
Atribut :Name, size

47.

<textarea></textarea> Membuat Text Area untuk input text dengan length yang lebih besar dari input text.
Atribut :Name, rows, cols, wrap

1 Comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s