Scribd
Unggah
12 tayangan13 halaman

Pengenalan HTML

Dokumen tersebut membahas pengantar HTML dengan tujuan membantu pembaca memahami konstruksi dasar halaman web, WWW, tag-tag dasar HTML, dan cara membuat halaman web sederhana menggunakan HTML. Dibahas pula tentang browser, editor, dan struktur dasar dokumen HTML.

Diunggah oleh

Elfaza Maulida
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PPTX, PDF, TXT atau baca online di Scribd
12 tayangan13 halaman

Pengenalan HTML

Dokumen tersebut membahas pengantar HTML dengan tujuan membantu pembaca memahami konstruksi dasar halaman web, WWW, tag-tag dasar HTML, dan cara membuat halaman web sederhana menggunakan HTML. Dibahas pula tentang browser, editor, dan struktur dasar dokumen HTML.

Diunggah oleh

Elfaza Maulida
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PPTX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 13

Pengantar HTML

Objectives
Setelah menyelesaikan bab ini,
anda diharapkan dapat:
• Memahami konstruksi dasar halaman web.
• Mengerti tentang WWW
• Mengerti tag-tag dasar HTML
• Membuat halaman web dengan HTML
sederhana.

2
World Wide Web (WWW)
• Internet merupakan jaringan global yang
menghubungkan suatu network dengan network
lainya di seluruh dunia.
• TCP/IP menjadi protocol penghubung antara
jaringan-jaringan yang beragam di seluruh dunia
untuk dapat berkomunikasi.
• World Wide Web (WWW) merupakan bagian
dari internet yang paling cepat berkembang dan
paling populer.

3
WWW - continued
• 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.
• http://www.detik.com/index.html

4
HyperText Markup Language (HTML)
• HTML  standard bahasa yang digunakan untuk
menampilkan document web.
• Mengontrol tampilan dari web page dan contentnya.
• Mempublikasikan document secara online sehingga
bisa di akses.
• Membuat online form yang bisa di gunakan untuk
menangani pendaftaran, transaksi secara online.
• Menambahkan object-object seperti image, audio,
video dan juga java applet dalam document HTML.

5
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,
Opera, Mozilla dan masih banyak yang lainya.
• Editor: Program yang di gunakan untuk membuat
document HTML, ada banyak HTML editor yang bisa
anda gunakan diantaranya: Notepad, Microsoft
FrontPage, Macromedia Dreamweaver, dan lain-lain.

6
Tag-tag HTML
• Kalo pada bahasa pemrograman kita mengenal
code, maka pada HTML kita mengenal yang
namanya tag.
• Contoh tag html adalah <head>, <title>, <body>,
<html>, <img>, dan lain-lain.
• Tag html tidak bersifat case sensitive  <body>
sama dengan <BODY>

7
Tag-tag HTML - continued
• Bentuk umum penulisan tag html adalah:
<ELEMENT ATTRIBUTE = value>
Dimana:
• Element - nama tag
• Attribute - atribut dari tag
• Value - nilai dari atribut.
• Contoh:
<BODY BGCOLOR=lavender>

8
Struktur HTML document
• Document HTML bisa di bagi mejadi tiga bagian utama:
html, head, dan body.

<html>
<head>
<title> </title>
</head>

<body>

</body>
</html>
9
Susunan HTML
<Head>
Kepala <Title>
Judul Homepage
<head> </Title>
</Head>

Homepage
<Body>
Tubuh Isi…Teks
Isi…Tabel.
<body> Isi…Audio, Video, dll.
</Body> 10
<html>
• Setiap document HTML harus di awali dan di tutup dengan tag
HTML  <html> …… </html>
• Tag <html> memberi tahu browser bahwa yang di dalam
kedua tag tersebut adalah document HTML.

11
<head>
• Bagian header dari document HTML di apit oleh tag <head></head>.
• Di dalam bagian ini biasanya dimuat tag <tittle> yang menampilkan judul
dari halaman web.
<head>
<title>Welcome to STMIKMPB</title>
</head>

12
<body>
• Tag <body> di gunakan untuk menampilkan text, image link
dan semua yang akan di tampilkan pada web page.

<html>
<head>
<title>Welcome to STMIKMPB</title>
</head>
<body bgcolor="lavender">
<p>Document HTML yang Pertama</p>
</body>
</html>

13

Anda mungkin juga menyukai