HTML merupakan bahasa standar untuk menampilkan dokumen web. Dokumen HTML terdiri dari tag-tag seperti <html>, <head>, <body> yang mendefinisikan struktur dasar dokumen. Tag-tag lain seperti <p>, <h1>-<h6> digunakan untuk paragraf dan judul, sedangkan <br> dan <hr> digunakan untuk line break dan garis horizontal.
Lecture 28 360 chapter 9_ power electronics inverters
Pengenalan HTML Dasar
1. Pengenalan HTML
HTML
•
Hypertext Markup Language merupakan
standard bahasa yang digunakan untuk
menampilkan dokumen web
•
Untuk membuat dokumen web yang bisa
ditampilkan di browser, perlu menuliskan
kode HTML baik secara langsung misal
pada editor Notepad, maupun secara tidak
langsung misal melalui software Frontpage
1
Pemrograman Web 1
Humisar Hasugian, S.Kom
2. Pengenalan HTML
TAG
•
•
•
•
2
Kode khusus yang merupakan komponen
fundamental pada dokumen web dan akan
dikenali oleh browser
Nama tag ditulis di dalam tanda < > dan untuk
tag penutup tambahkan tanda </ >
Boleh ditulis dengan huruf besar maupun kecil
Digunakan sepasang, contoh : <H1> dan
</H1>
Pemrograman Web 1
Humisar Hasugian, S.Kom
3. Pengenalan HTML
ATRIBUT dan VALUE
•
Beberapa tag mengandung atribut di
dalamnya, contoh : <p align=“center”>
•
Pada contoh di atas, p adalah nama tag,
sedangkan align adalah nama atribut
•
Atribut pada umumnya melibatkan value,
seperti pada contoh, “center” adalah value
untuk atribut align
3
Pemrograman Web 1
Humisar Hasugian, S.Kom
4. Pengenalan HTML
STRUKTUR DASAR DOKUMEN HTML
•
•
•
•
4
Tag utama adalah <HTML>, <HEAD>, <BODY>
Tag HTML berfungsi untuk menyatakan bahwa
dokumen tersebut adalah dokumen HTML
Tag HEAD berfungsi untuk memberikan
informasi tentang dokumen HTML tersebut
Tag BODY berfungsi untuk menyimpan
informasi atau data yang akan ditampilkan
dalam dokumen HTML
Pemrograman Web 1
Humisar Hasugian, S.Kom
5. Pengenalan HTML
STRUKTUR DASAR DOKUMEN HTML
•
5
Struktur Dokumen akan terlihat :
<html>
<head>
bagian head
</head>
<body>
bagian body
</body>
</html>
Pemrograman Web 1
Humisar Hasugian, S.Kom
6. Pengenalan HTML
TITLE
•
Untuk membuat judul pada suatu dokumen
web, digunakan tag <title>..</title>
•
TITLE bukanlah bagian dari teks dokumen dan
hanya berada pada bagian HEAD
•
TITLE biasanya ditampilkan oleh browser pada
title bar dari jendela browser dan biasanya
berfungsi sebagai label dari jendela browser
tersebut
6
Pemrograman Web 1
Humisar Hasugian, S.Kom
7. Pengenalan HTML
HEADING
•
HTML menyediakan 6 buah tag yang digunakan
untuk mengatur ukuran teks yang dijadikan sebagai
judul dalam badan dokumen
•
Tag-tag judul ini berupa :
<h1> ... </h1> sampai dengan <h6> ... </h6>
•
7
Dapat ditambahkan atribut misal align dengan
value : left, right, justify
Pemrograman Web 1
Humisar Hasugian, S.Kom
8. Pengenalan HTML
PARAGRAF, LINE BREAK dan KOMENTAR
•
Tag <p> digunakan untuk membuat paragraf, dan
dapat ditambahkan atribut misal align
Contoh :
<p align=“center”> ...isi paragraf... </p>
•
Untuk membuat baris baru atau berpindah baris
digunakan tag <br>
•
Untuk memberikan komentar yang nantinya akan
diabaikan oleh browser, digunakan tanda <!– dan
diakhiri dengan -->
8
Pemrograman Web 1
Humisar Hasugian, S.Kom
9. Pengenalan HTML
GARIS HORISONTAL
•
Untuk membuat garis horisontal pada dokumen
web digunakan tag <hr>
•
Atribut pada tag <hr>
size : Menentukan ketebalan garis
width : Menentukan lebar garis
align : Menetukan peletakan teks dalam baris
noshade : Mengatur agar garis tidak disertai
bayangan
9
Pemrograman Web 1
Humisar Hasugian, S.Kom
10. Pengenalan HTML
GARIS HORISONTAL
•
Untuk membuat garis horisontal pada dokumen
web digunakan tag <hr>
•
Atribut pada tag <hr>
size : Menentukan ketebalan garis
width : Menentukan lebar garis
align : Menetukan peletakan teks dalam baris
noshade : Mengatur agar garis tidak disertai
bayangan
9
Pemrograman Web 1
Humisar Hasugian, S.Kom