Pendahuluan dan Struktur HTML
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:
Dokumen BodyHeader 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:
 |
| Contoh 1 |
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.
 |
| Contoh 2 |
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.
Semoga Pendahuluan dan Struktur HTML Dapat Bermanfaat
sumber
Tidak ada komentar:
Posting Komentar