PENDAHULUAN DAN STRUKTUR DASAR HTML
Pengenalan www dan HTMLStruktur Dokumen HTML
Elemen HTML
Heading Dokumen
Dokumen Body
Pengenalan WWW Dan HTML
WWW (World Wide Web)
merupakan Servis Internet yang dapat me-link dengan dokumen multimedia
bersama dengan HyperText. Pemakai dapat melompat antara dokumen dengan
menggunakan link untuk melihat text, grafik, video dan media lainnya.
WWW adalah layanan yang paling sering digunakan dan memiliki
perkembangan yang sangat cepat karena dengan layanan ini kita bisa
menerima informasi dalam berbagai format (multimedia). Untuk mengakses
layanan WWW dari sebuah komputer (yang disebut WWW server atau web
server) digunakan program web client yang disebut web browser atau
browser saja. Jenis-jenis browser yang sering digunakan adalah: Netscape
Navigator/Comunicator, Internet Explorer, NCSA Mosaic, Arena, Lynx, dan
lain-lain.
HTML merupakan format dokumen
yang digunakan dalam World Wide Web (WWW). HTML merujuk pada tampilan
halaman, jenis, huruf, elemen grafis, juga link hypertext ke dokumen
lain di Internet. HTML (Hyper Text Markup Language) adalah sebuah bahasa
markup yang digunakan untuk membuat sebuah halaman web dan menampilkan
berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah
bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan
percetakan yang disebut dengan SGML (Standard Generalized Markup
Language), HTML adalah sebuah standar yang digunakan secara luas untuk
menampilkan halaman web. HTML saat ini merupakan standar Internet yang
didefinisikan dan dikendalikan penggunaannya oleh World Wide Web
Consortium (W3C).
HTML berupa kode-kode tag yang
menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang
diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan
menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet
Explorer. HTML juga dapat dikenali oleh aplikasi pembuka e-mail ataupun
dari PDA dan program lain yang memiliki kemampuan browser.
Struktur Dokumen HTML
Struktur dasar HTML adalah sebagai berikut:
<html>
<head>
<title>Judul Dokumen HTML</title>
</head>
<body>
penulisan informasi Web
</body>
</html>
<head>
<title>Judul Dokumen HTML</title>
</head>
<body>
penulisan informasi Web
</body>
</html>
Elemen HTML
Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML. Sintaks:
<html>
….
</html>
….
</html>
Heading Dokumen
Header adalah huruf-huruf berukuran khusus yang digunakan untuk menuliskan judul bab atau sub bab. Ada enam tingkatan header mulai dari H1 hingga H6. H1 adalah header yang paling besar dan H6 adalah header yang paling kecil. Coba tulis dalam Notepad anda sebagai berikut:
<HTML><BODY>
<H1>Header level 1</H1>
<H2>Header level 2</H2>
<H3>Header level 3</H3>
<H4>Header level 4</H4>
<H5>Header level 5</H5>
<H6>Header level 6</H6>
</BODY></HTML>
Simpanlah dalam format file HTML kemudian buka dalam browser. Hasilnya akan tampak sebagai berikut:
Header adalah huruf-huruf berukuran khusus yang digunakan untuk menuliskan judul bab atau sub bab. Ada enam tingkatan header mulai dari H1 hingga H6. H1 adalah header yang paling besar dan H6 adalah header yang paling kecil. Coba tulis dalam Notepad anda sebagai berikut:
<HTML><BODY>
<H1>Header level 1</H1>
<H2>Header level 2</H2>
<H3>Header level 3</H3>
<H4>Header level 4</H4>
<H5>Header level 5</H5>
<H6>Header level 6</H6>
</BODY></HTML>
Simpanlah dalam format file HTML kemudian buka dalam browser. Hasilnya akan tampak sebagai berikut:
Dokumen Body
Elemen <BODY> dalam dokumen HTML brfungsi menentukan bagaimana isi suatu dokumen ditampilkan oleh browser, seperti paragraf, list (daftar), tabel, dan lain-lain.
<HTML>
<HEAD>
<TITLE> Struktur Dokumen HTML</TITLE>
</HEAD>
<BODY>
Hello...Selamat belajar membuat homepage dalam HTML
</BODY>
</HTML>
Tag <TITLE> digunakan untuk memberikan judul dokumen HTML dan judul ini dapat dilihat pada pojok kiri atas (title bar) browser.
Sintaks:
<body text="v" bgcolor="w" background="uri" link="x" alink="y" vlink="z">
</body>
text : memberikan warna pada teks
bgcolor : memberikan warna pada latarbelakang dokumen HTML
background: memberikan latarbelakang dokumen HTML dalam bentuk gambar
link : memberikan warna untuk link
alink : memberikan warna untuk link yang sedang aktif
vlink : memberikan warna untuk link yang telah dikunjungi.
Catatan : Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan.
Berikut ini berbagai macam kode HTML dasar yang perlu diketahui.
Tidak ada komentar:
Posting Komentar