Selasa, 06 November 2012

Macam-macam Tag beserta Fungsinya di HTML

Pengertian singkat tentang HTML 
HTML (Hyper Text Markup Language) merupakan bahasa standar untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti teks, grafik, animasi, link maupun audio-video.

Macam-macam Tag dan Fungsinya di HTML

Saat kita belajar HTML, pasti kita juga harus mengetaui tentang Tag. Dan sebelum kita mengetaui macam macam tag yang ada di dalam HTML, kita harus mengetahui apa itu Tag terlebih dahulu. Tag adalah sesuatu yang digunakan untuk menandai elemen-elemen dalam suatu dokumen HTML. Tag dalam HTML terdiri dari tanda lebih kecil ( < ), tanda lebih besar ( > ), dan garismiring ( / ). Biasanya Tag dituliskan secara berpasangan, misanya <h1> dan <h1>.

Tag yang tidak menggunakan garis miring ( / ) adalah Tag pembuka atau awal elemen. Sedangkan yang Tag yang mengandung garis miring ( / ) adalah penutup elemen atau akhir elemen. Namun, ada juga Tag yang dalam pemakaiannya tidak berpasangan, diantaranya adalah :
- Tag untuk ganti paragraph yaitu <p>
- Tag untuk ganti baris atau line break yaitu  <br>
- Tag untuk garis datar yaitu <hr>
- Tag list item yaitu <li>

Beberapa macam Tag dasar yang sering digunakan dalam bahasa HTML:


  • <HTML></HTML>: Tag yang diisi dengan isi dari dokumen HTML. 
  • <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. 

          Banyak <body bgcolor="red" text="hewan"> di kebun binatang.
          (Contoh: Banyak hewan di kebun binatang.)


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

          <b>Banyak hewan di kebun binatang.<b>
          (Contoh: Banyak hewan di kebun binatang.)


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

         <i>Banyak hewan di kebun binatang.<i>
          (Contoh: Banyak hewan di kebun binatang.)


  • <U></U>: Untuk membuat tulisan bergaris bawah.

          <u>Banyak hewan di kebun binatang.<u>
          (Contoh: Banyak hewan di kebun binatang.)


  • <BR>: Untuk membuat baris baru pada dokumen HTML. Tidak mempunyai tag penutup.
  • <P>: Untuk membuat paragraf baru pada dokumen HTML. Tidak mempunyai tag penutup.
  • <P ALIGN=”center”>: Untuk membuat paragraf rata tengah. 

          <p align="center">Banyak hewan di kebun binatang.
         (Contoh: Banyak hewan di kebun binatang.)


  • <P ALIGN=”left”>: Untuk membuat paragraf rata kiri. 

          <p align="left">Banyak hewan di kebun binatang.
          (Contoh: Banyak hewan di kebun binatang.)


  • <P ALIGN=”right”>" Untuk membuat paragraf rata kanan. 

          <p align="right">Banyak hewan di kebun binatang.
(Contoh: Banyak hewan di kebun binatang.)


  • <P ALIGN=”justify”>: Untuk membuat paragraf rata kiri dan kanan.

          <p align="justify">Banyak hewan di kebun binatang.
          (Contoh: Banyak hewan di kebun binatang.)


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

          <font face="arial">Banyak hewan di kebun binatang.</font>
          (Contoh: Banyak hewan di kebun binatang.)


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

          <font size="8">Banyak hewan di kebun binatang</font>
          (Contoh: Banyak hewan di kebun binatang.)


  • <IMG>: Untuk menyisipkan file gambar. 
  • <BODY BACKGROUND=”nama file gambar“>: Untuk menggunakan gambar sebagai background (latar belakang).
  • <A HREF=”link“><IMG SRC=”nama file gambar“></A>: Untuk menggunakan gambar sebagai link. 


  • <A HREF=”link“></A>: Untuk menampilkan teks display link. 

          BUKA <a href="http://google.com>DISINI</a>.
          (Contoh: BUKA DISINI.)


  • <MARQUEE></MARQUEE>: Untuk membuat tulisan atau gambar bergerak.
Banyak hewan di kebun binatang.

Tidak ada komentar:

Poskan Komentar