TAG HTML DASAR
TAG STYLE
Tag HTML untuk Formatting
TAG HTML UNTUK MEMBUAT GAMBAR
Tag < img > adalah tag kosong. Artinya, tag ini tidak memiliki tag penutup. Atribut-atribut utama yang digunakan bersamanya adalah:
TAG HTML UNTUK ORDERED LIST (DAFTAR BERURUTAN)
Dibawah ini beberapa Attribut type pada OL :
I = Menampilkan data dengan angka romawi huruf besar i = Menampilkan data dengan angka romawi huruf kecil A = Menampilkan data dengan abjad huruf besar
a = Menampilkan data dengan abjad huruf kecil contoh:
<ol type=”isi sesuai type yg dibutuhkan” start =”dari angka/ huruf keberapa dimulai listnya”>
TAG HTML UNTUK UNORDERED LIST/ DAFTAR TAK BERURUTAN
Dibawah ini beberapa Attribut type pada UL : Circle = Bullet lingkaran kosong
Disc = Bullet lingkaran hitam Square = Bullet kotak hitam Contoh:
<ol type=”isi sesuai type yg dibutuhkan”>
TAG HTML UNTUK LINK: < A >
Tag < a > memiliki beberapa atribut utama yang dapat digunakan, seperti:
TAG HTML UNTUK MEMBUAT FORM AND INPUT
TAG HTML UNTUK MEMBUAT TABLE
Atribut-atribut yang terdapat dalam Tag HTML
HTML Attributes atau atribut HTML adalah suatu informasi tambahan yang bisa disertakan pada suatu elemen HTML. Suatu elemen dapat memiliki atribut. Atribut ini memberikan informasi tambahan tentang elemen yang bersangkutan. Atribut selalu digunakan pada awal tag / start tag. Cara mendefinisikan atribut dengan memberikan informasi name dan value dari suatu elemen, seperti name=”value”.
A. Tag <body> digunakan menampilkan desain layout halaman web. Tab <BODY> sendiri memiliki kelengkapan atribut di antaranya:
BGCOLOR, berfungsi untuk menampilkan warna latar halaman Contoh pemakaian :
<BODY BGCOLOR=RED> … </BODY>
BACKGROUND, berfungsi untuk menentukan file gambar/image dijadikan sebagai background halaman.
Contoh :
<BODY BACKGROUND=”C:\data\latar.jpg”> … </BODY>
TEXT, berfungsi untuk mengubah warna tulisan/teks dalam dokumen secara menyeluruh.
LINK, berfungsi untuk menentukan warna link dalam dokumen yang belum pernah dikunjungi (belum pernah diklik)
ALINK, berfungsi untuk menentukan warna link dalam dokumen yang aktif.
VLINK, berfungsi untuk menentukan warna link dalam dokumen yang telah terkunjungi.
B. Tag <p>
Tag ini berfungsi untuk memformat paragraph/alinea. Adapun kelengkapan atribut-atribut dari tag ini adalah:
ALIGN, yang berfungsi untuk menentukan perataan teks paragraph secara rata kiri (LEFT), rata kanan (RIGHT) atau rata tengah (CENTER).
Contoh pemakaian:
<P ALIGN=RIGHT>Ini adalah teks yang ditulis dalam paragraph dengan perataan teks rata kanan</P>
C. Tag <hr>
Tag ini berfungsi untuk mendefinisikan garis horisontal dokumen. Sedangkan atribut-atribut yang didukung meliputi:
SIZE, untuk menentukan ketebalan garis (dalam ukuran piksel) Contoh pemakaian :
<HR SIZE=2>
COLOR, digunakan untuk menentukan warna garis. Warna garis dapat diisi dengan RED, GREEN, BLUE, YELLOW dll, atau dengan memanfaatkan warna dalam bentuk Hexadesimal seperti : #00FF00 untuk wana hijau, #FF0000 untuk warna merah dsb.
WIDTH, digunakan untuk menentukan lebar garis (dalam satuan piksel atau persenatase).
Contoh :
<HR WIDTH=450> atau
<HR WIDTH=80%>
NOSHADE, untuk menghilangkan efek tiga dimensi garis.
Contoh pemakaian :
<HR NOSHADE>
D. Tag <hn>, dimana n=1,2,3,4,5,6
Berfungsi untuk mendefinisikan header (kepala/judul) dokumen.
Atribut-atribut yang dimiliki yaitu:
ALIGN, yang digunakan untuk menentukan perataan teks header terhadap dokumen.
Nilainya yaitu: LEFT, CENTER dan RIGHT.
E. Tag <font>, untuk memformat font digunakan tag <FONT>, adapun yang dipengaruhi oleh tag ini meliputi ukuran, jenis dan warna font. Atribut-atribut yang dapat dipakai untuk mengatur ketiga hal tersebut yaitu :
SIZE, digunakan untuk menentukan ukuran font.
COLOR, digunakan untuk menentukan warna font.
FACE, digunakan untuk menentukan jenis atau bentuk font. Misal jenis font dapat dipakai yaitu : Arial, Verdana, Times New Romans, Courier dll (Bisa diliat di ms. Office word).
F. Tag <img> digunakan untuk menampilkan gambar, berikut merupakan atribut dari tag <img> :
SRC, yang berfungsi untuk menentukan lokasi direktori gambar.
ALT, yang berfungsi untuk menentukan keterangan gambar jika gambar gagal tampil.
WIDTH, yang berfungsi untuk menentukan lebar gambar (dalam satuan pixel)
HEIGHT, yang berfungsi untuk menentukan tinggi gambar (dalam satuan pixel).
BORDER, yang berfungsi untuk menentukan ketebalan bingkai gambar.
ALIGN, untuk menentukan perataan gambar terhadap dokumen. (Nilainya : LEFT dan RIGHT).
G. Tag <a> digunakan untuk mendefinisikan link, berikut merupakan atributnya :
HREF, digunakan untuk menentukan lokasi tujuan dari yang ditunjuk oleh link. Alamat tujuannya dapat berupa path-direktori atau alamat URL. Contoh penggunaan :
<A HREF=”http://www.yahoo.co.id”>Yahoo Indonesia</A>
NAME, digunakan untuk mendefinisikan anchor (Keterangan: Anchor adalah satu bagian dari dokumen yang ditandai untuk dijadikan sebagai tujuan dari link). Untuk mendefinisikan link yang menuju alamat anchor digunakan symbol karakter ‘#’. Contoh : Seumpama didefinisikan sebuah anchor dengan nama “pertama” pada halaman “dokumen.html”.
H. Tag <table> digunakan untuk memmbuat table di dalam HTML, berikut merupakan atribunya :
BORDER, digunakan untuk menentukan ketebalan bingkai table.
BGCOLOR, digunakan untuk menentukan warna latar table/baris/sel.
BACKGROUND, digunakan untuk menentukan file gambar dijadikan sebagai latar table/baris/sel.
ALIGN, berfungsi untuk menentukan perataan table secara horisontal terhadap dokumen atau perataan teks pada baris atau sel secara horisontal.
VALIGN, berfungsi untuk menentukan perataan secara vertical terhadap teks pada baris dan sel.
WIDTH, digunakan untuk menentukan lebar table/sel (dalam satuan pixel atau persentase)
HEIGHT, digunakan untuk menentukan tinggi table atau baris (dalam satuan pixel atau persentase)
CELLPADDING, berfungsi untuk menentukan kerapatan teks dengan bingkai table.
CELLSPACING, berfungsi untuk menentukan kerapatan antar sel.
ROWSPAN, berfungsi untuk menggabungkan beberapa sel baris menjadi satu sel.
COLSPAN, berfungsi untuk menggabungkan beberapa sel kolom menjadi satu sel.
I. Tag <form> berfungsi sebagai obyek penampung (container) bagi obyek-obyek lainnya. Atribut- atribut yang dimiliki FORM adalah sebagai berikut:
NAME, berfungsi untuk mendefinisikan nama obyek form.
METHOD, dipergunakan untuk menentukan cara pengolahan data yang inputkan dalam form.
ACTION, digunakan untuk menentukan lokasi/alamat file (program server) yang akan mengolah data isian form. Nilai yang dapat diisikan meliputi : POST dan GET.
J. Obyek <SELECT> merupakan komponen FORM yang berbentuk daftar pilihan menyerupai COMBOBOX dan LISTBOX. Atribut-atribut yang dimiliki di antaranya yaitu :
NAME, digunakan untuk memberi identitas pada obyek SELECT.
SIZE, digunakan untuk menentukan jumlah item pilihan yang ditampilkan pada obyek.
MULTIPLE, digunakan untuk menentukan item pilihan dapat dipilih lebih dari satu.
Untuk mendefinisikan item-item pilihan pada komponen SELECT digunakan tag <OPTION>, dimana tag ini memiliki kelengkapan atribut seperti berikut ini :
VALUE, digunakan untuk menentukan identitas tiap item dalam komponen.
SELECTED, digunakan untuk menentukan item yang terpilih secara default.
K. Tag <INPUT> memiliki berbagai macam atribut yang dapat digunakan menentukan bentuk- bentuk input:
NAME, berfungsi untuk menentukan nama obyek input
TYPE, berfungsi untuk menentukan jenis input, nilai yang dapat dipasangkan yaitu:
❖ TEXT, digunakan untuk menentukan bentuk kotak teks satu baris.
❖ PASSWORD, digunakan untuk menentukan bentuk input kotak password.
❖ RADIO, digunakan untuk menentukan bentuk input daftar pilihan, dimana item yang dapat pilih hanya satu item saja.
❖ CHECKBOX, digunakan untuk menentukan bentuk input daftar pilihan, dimana item yang dapat dipilih bisa lebih dari satu item.
❖ SUBMIT, digunakan untuk menentukan bentuk input tombol yang memiliki fungsi untuk memicu data dalam form diproses.
❖ RESET, digunakan untuk menentukan bentuk input tombol yang memiliki fungsi data dalam form akan direset.
❖ BUTTON, digunakan untuk menampillkan bentuk input tombol yang mana fungsi tombol tersebut belum ditentukan.
❖ HIDDEN, untuk menentukan bentuk input tersembunyi (tidak ditampilkan secara eksplisit dalam dokumen)
- VALUE, untuk jenis input TEXT dan PASSWORD digunakan untuk menentukan nilai dalam kotak teks.
- untuk jenis input RADIO dan CHECKBOX berfungsi untuk memberi identitas tiap pilihan item.
- untuk jenis item SUBMIT, RESET dan BUTTON berfungsi untuk menentukan judul tombol.
- SIZE (hanya untuk tipe input TEXT dan PASSWORD) Berfungsi untuk menentukan ukuran lebar kotak teks.
- MAXLENGTH (hanya untuk tipe input TEXT dan PASSWORD) Berfungsi untuk menentukan kapasitas maksimal teks yang dapat Diinputkan.
- CHECKED (hanya untuk tipe input RADIO dan CHECKBOX) Berfungsi untuk memberi tanda terhadap item yang terpilih secara default.
