Tab Menu

4/21/2011

Tag Dasar HTML

Postingan ini akan menjelaskan beberapa tag html yang biasa aku gunakan dalam membuat sebuah web sederhana. Sebelum aku jelaskan tagnya, ada baiknya aku beritahu dahulu apa itu Tag Html.

HTML singkatan dari Hyper Text Markup Language adalah file teks atau file ASCII yang berisi instruksi untuk menghasilkan suatu tampilan grafis yang ditujukann kepada web browser dari sebuah halaman web. Didalam file HTML terdapat beberapa "tag" atau kode-kode yang dimengerti oleh web browser dan dapat menampilkannya di layar monitor.
File HTML dapat dibuat dengan aplikasi text editor apapun di sistem operasi apapun, antara lain : Notepad di Windows, emasc atau vi di Unix atau SimpleText di Macintosh. File HTML ini juga bisa dibuat di aplikasi word processor apapun asalkan saat menyimpan file tersebut disimpan dengan format text-only
Salah satu kelebihan file HTML adalah cross platform, artinya file HTML dapat ditampilkan di beberapa Operating System (OS) yang berbeda dan memiliki tampilan yang sama walaupun saat pembuatannya menggunakan satu OS tertentu saja.
Didalam penulisan html ini, ada beberapa aturan baku yang tidak dosa hukumnya kalo dilanggar. Diantaranya:
  1. Setiap tag berada didalam kurung <....> dan diakhiri dengan
  2. Diawali dengan tag dan diakhiri dengan
  3. Pakai huruf besar atau huruf kecil sama saja karena tidak bersifat case sensitive 
  4. Ketika di save, makanya formatnya adalah .htm atau .html 
Ini adalah tag yang biasa aku gunakan:



dding: 0.04in" width="85%">
Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
om: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top: 0in; padding-bottom: 0.04in; padding-left: 0.04in; padding-right: 0.04in" width="85%">
Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
!– –
a href
a name
Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
area
Mendefinisikan daerah yang dapat diklik (link) pada image map
b
Membuat teks tebal
basefont
Membuat atribut teks default seperti jenis, ukuran dan warna font
bgsound
Memberi (suara latar) background sound pada halaman web
big
Memperbesar ukuran teks sebesar satu point dari defaultnya
blink
Membuat teks berkedip
body
Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
br
Pindah baris
caption
Membuat caption pada tabel
center
Untuk perataan tengah terhadap teks atau gambar
comment
Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
dd
Indents teks
div
Represents different sections of text.
embed
Menambahkan sound or file avi ke halaman web
fn
Seperti tag
font
Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
form
Mendefinisikan input form
frame
Mendefinisikan frame
frameset
Mendefinisikan attribut halaman yang akan menggunakan frame
h1 … h6
Ukuran font
head
Mendefinisikan head document.
hr
Membuat garis horizontal
html
Bararti dokumen html
i
Membuat teks miring
img
Image, imagemap atau an animation
input
Mendefinisikan input field pada form
li
Membuat bullet point atau baris baru pada list (berpasangan dengan tag
in">,
    ,
      and
        )
map
Mendefinisikan client-side map
marquee
Membuat scrolling teks (teks berjalan) – hanya pada MS IE
nobr
Mencegah ganti baris pada teks atau images
noframes
Jika browser user tidak mendukung frame
ol
Mendefinisikan awal dan akhir list
p
Ganti paragraf
pre
Membuat teks dengan ukuran huruf yg sama
script
Mendefinisikan awal script
table
Membuat tabel
td
Kolom pada tabel
title
Mendefinisikan title
tr
Baris pada tabel
u
Membuat teks bergaris bawah


Yah, mungkin cukup sekian dulu untuk malam ini. Postingan berikutnya kita akan coba membahas bagaimana membuat sebuah tabel dan sebuah album gambar. Wah, aku sudah tidak sabar lagi nih......

See you next time aja deh.... :)






Tidak ada komentar:

Posting Komentar