HTML (HYPERTEXT MARKUP
LANGUAGE)
A. World Wide Web
Internet merupkan
jaringan global yang menghubungkan suatu network dengan network lainya
di seluruh dunia,
TCP/IP menjadi protocol penghubung antara jaringan-jaringan yang
World Wide Web (WWW)
merupakan bagian dari internet yang paling cepat berkembang dan
paling populer. WWW
bekerja merdasarkan pada tiga mekanisme berikut:
Protocol standard aturan yang di gunakan untuk
berkomunikasi pada computer
networking, Hypertext
Transfer Protocol (HTTP) adalah protocol untuk WWW.
Address WWW memiliki aturan penamaan alamat web yaitu
URL(Uniform Resource
Locator) yang di
gunakan sebagai standard alamat internet.
HTML digunakan untuk membuat document yang bisa di
akses melalui web.
B. Pengenalan HTML
Hypertext Markup
Language merupkan standard bahasa yang di gunakan untuk menampilkan
document web, yang
bisa anda lakukan dengan HTML yaitu:
-Mengontrol tampilan
dari web page dan contentnya.
-Mempublikasikan
document secara online sehingga bisa di akses dari seluruh dunia.
-Membuat online form
yang bisa di gunakan untuk menangani pendaftaran, transaksi
secara online.
- Menambahkan
object-object seperti image, audi, video dan juga java applet dalam
document HTML.
C. Browser dan Editor
Browser
Browser merupakan
software yang di install di mesin client yang berfungsi untuk
menterjemahkan tag-tag
HTML menjadi halaman web. Browser yang sering di gunakan
biasanya Internet
Explorer, Netscape Navigator dan masih banyak yang lainya.
Editor
Program yang di
gunakan untuk membuat document HTML, ada banyak HTML editor yang
bisa anda gunakan
diantaranya: Ms FrontPage, Dreamweaver, Notepad.
D. BASIC TAG HTML
D.1. Struktur HTML
Document
Document HTML bisa di
bagi mejadi tiga bagian utama:
HTML
Setiap document HTML
harus di awali dan di tutup dengan tag HTML
<HTML>
</HTML>
HEAD
Bagian header dari
document HTML di apit oleh tag <HEAD></HEAD> di dalam bagian ini
biasanya dimuat tag
TITLE yang menampilkan judul dari halaman pada titlenya browser.Header juga
memuat tag META yang biasanya di gunakan untuk menentukan informasi tertentu
mengenai document HTML, anda bisa menentukan author name, keywords, dan lainyan
pada tag META.
BODY
Document body di
gunakan untuk menampilkan text, image link dan semua yang akan di
tampilkan pada web
page.
D.2. Basic HTML
Element
Block Level Element
Block level element
yang sering di gunakan : Heading (H1 sampai H6)
Paragraf (P) List
Item(LI)
List item di gunakan
untuk mengelompokkan data baik berurutan (ordered list) maupun yang
tidak berurutan
(unordered list).
Ada dua macam list
yang bisa anda tambahkan ke document HTML:
1. Unordered List
(Bullet) :
2. Ordered List
(Numbering)
Definition List
Definition List
terdiri diapit oleh tag <DL> … </DL> dan <DT> tag menentukan
definition
term serta <DD>
tag menentukan definition itu sendiri.
Horizontal Rules(HR)
Horizontal Rule tag
digunakan untuk menggambar garis horizontal dalam document HTML.
D.3. Pemformatan Page
Break
Tag <BR> di
gunakan untuk memulai baris baru pada document HTML, tag ini fungsinya
mirip dengan carriage
return.
Font
Dengan tag
<FONT> anda bisa menentukan format tampilan font dalam document HTML
seperti color, size,
style dan lainya.
Color
Color merupakan
attribute yang bisa anda tambahkan pada beberapa element seperti body,
font, link dan lainya.
Color di bagi dalam tiga ketegori warna primer yaitu red, green dan blue.
Masing-masing color
didefinisikan dalam dua digit hexadecimal number.
Alignment
Align attribute
digunakan untuk menentukan perataan object dalam document HTML baik
berupa text, object,
image, paragraph, division dan lain-lain.
Preformatted text
Tag PRE di gunakan
untuk menampilkan text sesuai dengan format aslinya.
Hyperlink
Link Address
Absolute Address - merupakan full internet address (URL) yang
meliputi protocol, network
location dan path dan
nama file.
Contoh:
http
://www.yahoo.com/index.html
Relatif Address - URL yang tidak menyebutkan protocol dan
network locationya (hanya path
dan nama filenya).
Anchor
Anchor tag <A>
untuk menentukan hyperlink dalam document HTML. HREF property
digunakan untuk
menentukan tujuan dari hyperlink tersebut.
E. TABLE
Membuat table
Tag <TABLE>
digunaka untuk membuat table dalam document HTML , bagian pokok dari
table adalah cell yang
didefinisikan dengan menggunakan tag <TD>.
Berikutnya kalo anda
ingin membuat beberapa baris cell dalam table gunakan tag <TR>.
Menambahkan Heading
cell
Untuk menambahkan
heading pada table tambahkan tag <TH> pada table yang sudah di buat.
Pemformatan table
Untuk memformat
perataan text di dalam table anda bisa gunakan attribute Align dan Valign
(vertical Alignment)
Merge cell
Tag <TD>
memiliki atribut colspan untuk merge column dan rowspan untuk
merge baris.
F. IMAGE
A. Format Image
Ada banyak format
image, tapi ada tiga jenis format yang paling sering digunakan :
1. GIF (Graphical
Interchange Format) (.GIF)
2. JPEG (Joint
Photographic Expert Image) (.JPG)
3. PNG (Portable
Network Graphics)
<IMG src=”URL”>
G. FORM
Kegunaan Form
Berikut ini beberapa contoh
kegunaan Form dalam web:
1. memperoleh
data-data user baik nama, alamat dan data lainnya
2. memperoleh
informasi pembelian secara online
3. memperoleh feedback
dari user mengenai website anda.
Form Element
Tag <FORM>
digunakan untuk membuat form dalam document HTML.
Postingan
0 komentar:
Posting Komentar