Pemrograman Web:HTML

HTML (HyperText Markup Language)

World Wide Web

Internet merupakan penghubung jaringan di seluruh dunia. Agar antar jaringan yang beraneka ragam di seluruh dunia bisa berkomunikasi diperlukan protokol. WWW merupakan bagian Internet yang sangat berkembang

Tiga Prinsip kerja WWW:

HTTP = protokol utk WWW
URL = standart alamat internet
HTML = dokumen yg bisa diakses melalui web.

HTML

HTML atau HyperText MarkUp Language adalah suatu format data yang digunakan untuk membuat dokumen hypertext yang dapat dibaca dari satu platform komputer ke platform komputer lain tanpa perlu melakukan perubahan apapun. Disebut markup language karena mengandung tanda –tanda tertentu yang digunakan untuk menentukan tampilan suatu teks dan tingkat suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen.

Dengan HTML dapat menentukan baris mana yang yang merupakan judul, menentukan tampilan gambar dan format teks lain.

Fungsi HTML

Mengontrol tampilan dan isi Web Page
Mempublikasikan dokumen ke internet
Membuat online form
Menambah object image, audio dan video

Apa yg dibutuhkan ?

Browser

Software utk menerjemahkan tag HTML menjadi Web Page.

Mis : Internet Explorer, Opera, Mozilla Firefox, Netscape Navigator dll.

Editor

Software utk membuat dokumen HTML

Mis : Notepad, Ms. Front Page, DreamWeaver

Struktur Dokumen HTML

Elemen HTML Suatu elemen HTML terdiri tag-tag dan atributnya.

TAG

Sewaktu browser menampilkan halaman web, browser akan membaca teks pada dokumen HTML dan mencari kode khusus yang disebut tag.

Tag biasanya merupakan suatu pasangan tag awal < … > dan tag akhir </… >

Format umum <nama tag> teks yang ditampilkan </nama tag>

Contoh :

<HTML>

……. Isi dokumen ….

</HTML>

Atribut

Tag awal biasanya memiliki beberapa atribut yang menyatakan karakteristik tag tersebut.

Misalnya :

<P Align=“center”>

Ket.:

digunakan untuk membuat paragraf rata tengah.
<P> = tag
Align = atribut
center = nilai dari atribut yang dipakai

Contoh 1

<html>
<head>
<title>Contoh Dokumen HTML</title>
</head>

<body>

Selamat Datang di Dunia HTML

<hr>

</body>
</html>

Contoh 2

<html>
<head>
<title>Contoh Sederhana Dokumen HTML</title>
</head>

<body bgcolor=lightgrey>

Selamat Datang di Dunia HTML

<hr>

Dokumen HTML bisa menjadi satu halaman web yang terdiri dari <b>teks</b> dan <i>link</i> dalam satu halaman.
Bisa juga halaman web yang sangat komplek dengan 10000 halaman.

<p>
Dalam pertemuan ini anda akan menjelajahi dunia HTML, dengan denikian, anda bisa membuat dokumen HTML seperti yang anda inginkan.
</p>
</body>
</html>

Heading

Heading adalah sekumpulan kata atau frasa yang menjadi judul atau subjudul dalam suatu dokumen HTML.

HTML menyediakan 6 tingkat heading.

Untuk menyatakan heading digunakan tag <Hx> dimana x adalah nomor level heading dari 1 – 6.

Pemakaian heading diawali dengan tag <Hx> dan diakhiri dengan tag </Hx>

Contoh

html>
<head>
<title>Document</title>
</head>
<body>
    <h1>Heading one</h1>
    <h2>Heading Two</h2>
    <h3>Heading Three</h3>
    <h4>Heading Four</h4>
    <h5>Heading Five</h5>
    <h6>heading Six</h6>
</body>
</html>

Source

mozilla.org