Konsep dasar WWW dan pengenalan HTML
1. Konsep Dasar World Wode Web (WWW)
WWW – Lebih Dikenal dengan web – merupakan salah satu layanan pada internet. Web pada awalnya merupakan ruang informasi dalam internet. Dengan teknologi hypertext, pemakai dituntun untuk menemukan informasi dengan mengikuti link didalam dokumen web yang di tampilkan dalam web browser, banyak pemakai yang mengidentifikasi internet dengan web.
2. Pengenalan HyperText Markup Language (HTML)
HTML adalah bahasa yang digunakan dalam penayangan isi web. HTML sebenarnya bukan bahasa pemrograman, karena seperti tercermin dari namanya. HTML adalah suatu bahasa markup. HTML digunakan untuk menentukan format atau style darbi teks yang ditandai. Dokumen HTML sebagai suatu teks biasa disimpan sebagai file berekstensi .htm atau .html.
Standar HTML dikembangkan oleh World Wide Web Consortium (W3C). Standar, spesifikasi, dan rancangannya dapat ditemui di http://www.w3.org. Spesifikasi HTML terakhir adalah HTML 4.0. saat ini terdapat spesifikasi baru pengganti HTML yaitu XTHML, dimana vesi terakhirnya adalah 2.0.
3. Elemen HTML
Dokumen HTML merupakan file teks yang terbentuk oleh elemen-elemen HTML. Elemen HTML didefinisikan menggunakan tag-tag HTML.
4. Tag dan Atribut Tag HTML
Selaku bahasa markup, HTML terdiri dari tag, atribut, dan nilai. Tag adalah perintah pemformatan yang diapit dengan tanda “<” dan “>” yang menjelaskan bagaimana cara menampilkan sesuatu pada browser. Tag HTML dapat dibedakan menjadi dua jenis, yaitu container dan standalone.
Dalam tag terdapat atribut yang berfungsi memperluas dan memodifikasi fungsi suatu tag. Beberapa atribut tertentu harus diberikan nilai berupa suatu konstanta. Nilai yang diberikan ke atribut diberikan tanda kutip. Atribut dapat diberi nilai maupun tidak.
5. Tool yang digunakan
a. Web Browser
Software yang digunakan sebagai penerjemah HTML agar dapat menapilkan objek-objek web itu sendiri. Bisa menggunakan Mozila Firefox, Opera, Internet Explorer, Goolge Chrome, dll.
b. Editor
Software yang digunakan sebagai tempat pemroses tag-tag HTML, file akan disimpan dengan format .HTML atau .HTM.
6. Struktur dasar HTML
Struktur dasar dokumen HTML adalah sebagai berikut
<html>
<head>
Deskripsi dokumen
<html>
<head>
Deskripsi dokumen
</head>
<body>
.....
Isi Dokumen
.....
</body>
</html>
Bagian Head umumnya berisi informasi mengenai dokumen tersebut, misalnya judul dokumen, versi HTML yang digunakan dan lain- lain. Sedangkan bagian body berisi layout atau desain halaman web.
7. Tag – Tag dasar HTML
1. Tag untuk memformat dokumen HTML antara lain adalah :
a. </title> ... </title>
Digunakan untuk membuat judul dokumen, terletak dalam tag <head>
b. <br>
Digunakan untuk membuat baris baru.
c. <p> ... </p>
Digunakan untuk memulai suatu paragraf baru.
d. <hn> ... </hn>, dengan n bernilai antara 1 hingga 6.
Mengatur ukuran teks yang dijadikan sebagai judul (heading) dalam badan dokumen. Tag ini berguna juka dokumen terbagi menjadi beberapa bab dan subbab.
e. <hr>
Digunakan Untuk membuat garis horizontal. Tag ini juga akan membuat garis baru.
f. <pre> ... </pre>
Membuat tampilan dokumen HTML pada browser sama dengan tampilan pada teks editor.
g. <center> ... </center>
Menampilkan posisi teks rata tengah.
2. Tag untuk memformat teks antara lain adalah :
a. <code> ... </code>
Digunakan untuk tempat pengisian kode-kode pemrograman
b. <b> ... </b>
Digunakan untuk membuat teks tebal
c. <i> ... </i>
Digunakan untuk membuat teks miring
d. <u> ... </u>
e. Digunakan untuk membuat garis bawah pada suatu teks
f. <tt> ... </tt>
Digunakan untuk membuat tulisan sepertiu mesin ketik
g. <strike> ... </strike>
Digunakan untuk membuat garis horizontal pada tengah teks
h. <big> ... </big>
Digunakan untuk membuat teks lebih besar
i. <small> ... </small>
Digunakan untuk membuat teks lebih kecil
j. <sub> ... </sub>
Digunakan untuk menampilkan subscript
k. <sup> ... </sup>
Digunakan untuk menampilkan superscript
l. <blockquote> ... </blockquote>
Digunakan untuk menandai bagian yang dikhususkan pada sebuah dokumen.
m. <blink> ... </blink>
Digunakan untuk membuat teks berkedip
n. <marquee> ... </marquee>
Digunakan untuk membuat teks berjalan
o. <font> ... </font>
Diguankan untuk memformat ukuran, jenis dan warna font.
3. Tag komentar
<!-- ... -->
Tidak ada komentar:
Posting Komentar