PENGERTIAN DAN TAG WEB HTML
Pengertian WEB
World wide web (www) mendapat perhatian publik yang sangat besar yang tidak dapat disamai oleh aplikasi internet lainnya. Pada tahun 1995, www menggantikan FTP(File Transfer Protocol) sebagai aplikasi internet yang bertanggung jawab atas sebagian besar lalu lintas internet. Web telah menjadi sedemikian terkenalnya sehingga kadang dicampuradukkan dengan istilah internet itu sendiri meskipun pengertian "di Web" dan "di Inetrnet" sebenarnya tidaklah sama.
Web adalah sistem pengiriman dokumen tersebar yang berjalan di internet. Web dikembangkan di CERN (European Center for Nuclear Research), suatu lembaga bagi penelitian fisika energi tinggi di Geneva, Swiss. Tujuan semula dari lembaga ini adalah untuk membantu para fisikawan di berbagai lokasi yang berbeda dalam bekerja sama dan berbagi material penelitian.
Web dengan cepat berkembang ke luar lingkup masyarakat fisika energi tinggi. Pada tahun 1993, terdapat 130 server web di internet. Setahun kemudian jumlahnya meningkat menjadi 2.738, dan pada bulan Juni 1995 terdapat 23.500 server web.
Sekarang ini web telah memiliki pemirsa dalam jumlah yang sangat besar di luar lingkup akademis : kurang lebih 30% dari server web yang tengah beroperasi saat ini berada di komputer dalam domain komersial, dan di sebagian industri, di mana keberadaaan perusahaan web sama pentingnya dengan memiliki telpon atau faks bagi tujuan komunikasi bisnis. Web sekarang telah menjadi media yang sangat penting bagi periklanan dan alamat web sekarang sudah umum dijumpai pada majalah, surat kabar, dan iklan televisi. Artinya pembuatan-pembuatan halaman web yang berkualitas sangat dibutuhkan pada jaman sekarang ini.
Untuk dapat dinikmati, web menggunakan suatu protocol yang berfungsi sebagai penerjemah. Protocol ini lah yang dimiliki oleh browser-browser Internet seperti Internet Explorer maupun Opera dan yang lain. Protocol itu disebut dengan HTTP (Hypertext Markup Transfer Protocol).
Dokumen pada Web dibuat dalam bentuk kode-kode yang mengatur bagaimana browser menampilkan informasi yang ada pada halam tersebut. Kode tersebut dikenal dengan nama HyperText Markup Language (HTML). Walaupun suatu dokumen HTML berisi set perintah, namun HTML bukanlah bahasa pemrograman karena dia hanya mengatur tampilan.
Pada awalnya HTML dikembangkan sebagai subset SGML (Standard Generalized Mark-up Language). Karena HTML didedikasikan untuk ditransmisikan melalui media Internet, maka HTML relatif lebih sederhana daripada SGML yang lebih ditekankan pada format dokumen yang berorientasi pada aplikasi.
Hasil olahanHTML harus dilihat pada Browser. Tidak seperti Microsoft Word yang hasilnya langsung dapat Anda lihat pada aplikasi yang sama. Anda dapat juga mencoba membuat dokumen html melalui Notepad.
KUMPULAN TAG HTML
<!-- --> Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
<a href> Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
<a name> Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
<applet> Sebagai awal dari Java applets
<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 <a name>
<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 yang dibedakan berdasarkan headingnya.
<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 <dir>, <menu>,<ol> and <ul> )
<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 sebuah Numbering
<p> Ganti paragraph
<pre> Membuat teks dengan ukuran huruf yg sama
<script> Mendefinisikan awal script
<table> Membuat tabel
<td> Kolom pada table
<title> Mendefinisikan title
<tr> Baris pada table
<u> Membuat teks bergaris bawah
<ul> Mendefinisikan awal dan akhir sebuah Bullets
RANCANGAN STRUKTURAL TEXT
Jenis Tag <TAG>
Jenis Perataan <DIV ALIGN=left|right|center></DIV>
Huruf Tebal <B>…</B> (Bold)
Huruf Miring <I>…</I> (Italic)
Garis Bawah <U>…</U> (Underline)
Huruf Di Coret <S>…</S> (Strike out)
Huruf kecil dibawah <SUB>…</SUB> (Subscribe)
Huruf kecil diatas <SUP>…</SUP> (Super scribe)
Huruf Berjenis Mesin Ketik <TT>…</TT> (Typewriter)
Ukuran Huruf <FONT SIZE=#>…</FONT> (# : boleh diisi angka 1 s/d 7)
Warna Huruf <FONT COLOR=”#$$$$$$>…</FONT> ($ : boleh diisi angka 0 s/d F)
Jenis Huruf/Font Type <FONT FACE=”***”>…</FONT> (* : boleh diisi dengan font
type yang ada pada windows)
LATAR BELAKANG DAN WARNA
Jenis Tag <TAG>
Latar Belakang dengan Gambar <BODY BACKGROUND=”URL”> (Tiled background)
Warna Latar Belakang <BODY BGCOLOR=”#$$$$$$”>
Warna Huruf Text <BODY TEXT=”#$$$$$$”>
Warna Acuan(link) <BODY LINK=”#$$$$$$”>
Acuan Lepas Kunjung <BODY VLINK=”#$$$$$$”> (Visited Link)
Acuan Aktif <BODY ALINK=”#$$$$$$”> (Active Link)
MEMBUAT DAFTAR (BULLETS AND NUMBERING)
Jenis Tag <TAG>
Daftar tanpa nomor (Bullets) <UL><LI></UL> (Unordered list)
Jenis Bullets <UL TYPE=DISC|CIRCLE|SQUARE> (Berlaku pada semua list yang ada.)
<LI TYPE=DISC|CIRCLE|SQUARE> (Berlaku pada satu daftar saja.)
Daftar Bernomor <OL><LI></OL> (Ordered List)
Jenis penomoran <OL TYPE=A|a|1|I|i> (Berlaku pada semua list yang ada.)
<LI TYPE=A|a|1|I|i> (Berlaku pada satu daftar saja.)
MEMBUAT FRAME
Jenis Tag <TAG>
Dokumen dalam frame <FRAMESET>…</FRAMESET> (Sebagai pengganti <BODY>)
Tinggi baris frame <FRAMESET ROWS=#>…</FRAMESET> (Dalam satuan pixel / %)
Lebar kolom frame <FRAMESET COLS=#>…</FRAMESET> (Dalam satuan pixel / %)
Lebar garis batas <FRAMESET BORDER=#>…</FRAMESET>
Warna garis batas <FRAMESET BORDERCOLOR=”#$$$$$$”> …</FRAMESET>
Rancangan frame <FRAME …>
Tampilan dokumen frame <FRAME SCR=”URL”
Nama frame <FRAME NAME=”***”|_Blank|_Self|_Parent|_Top>
Lebar batas <FRAME MARGINWIDTH=#> (Batas kiri dan kanan)
Tinggi batas <FRAME MARGINHEIGHT=#> (Batas atas dan bawah)
Scrollbar <FRAME SCROLLING=”YES|NO”> (Memungkinkan scrolling)
Ukuran frame tak bisa diubah <FRAME NORESIZE>
Batas frame <FRAME FRAMEBORDER=”YES|NO”>
Warna garis batas <FRAME BORDERCOLOR=”#$$$$$$”>
MEMBUAT TABLE
Jenis Tag <TAG> Keterangan
Rancangan table <TABLE>…</TABLE>
Garis batas table <TABLE BORDER=#>…</TABLE>
Celah sel <TABLE CELLSPACING=#>
Penyangga sel <TABLE CELLPADDING=#>
Lebar table <TABLE WIDTH=#> (# : boleh diisi dengan angka atau present)
Baris dalam table <TR>…</TR>
Penataan letak baris <TR ALIGN=LEFT|CENTER|MIDDLE|BOTTOM VALIGN=TOP|BOTTOM|MIDDLE>
Sel dalam table <TD>…</TD>
Penataan letak sel <TD ALIGN=LEFT|CENTER|MIDDLE|BOTTOM VALIGN=TOP|BOTTOM|MIDDLE>
Tanpa ganti baris <TD NOWRAP>
Rentang kolom <TD COLSPAN=#>
Rentang baris <TD ROWSPAN=#>
Lebar sel <TD WIDTH=#>
Warna sel <TD BGCOLOR=”#$$$$$$”>
Kepala table <TH>…</TH> (Table Header)
Penataan letak kepala table <TH ALIGN=LEFT|CENTER|MIDDLE|BOTTOM VALIGN=TOP|BOTTOM|MIDDLE>
Tanpa baris baru <TH NOWRAP>
Rentang kolom <TH COLSPAN=#>
Rentang baris <TH ROWSPAN=#>
Lebar kepala table <TH WIDTH=#>
Warna kepala table <TH BGCOLOR=”#$$$$$$”>
Keterangan table <CAPTION>…</CAPTION>
Penataan keterangan <CAPTION ALIGN=TOP|BOTTOM>
