Pengenalan internet 10

Pengenalan HTML
Matakuliah Pengenalan Internet

Oleh : Suparno
Email : endustong@yahoo.com
Blog : www.digdoyo.com

Pengertian
• HTML (Hypertext Markup Language) adalah
script utk menyusun dokumen Web. Dokumen
HTML disimpan dalam format teks reguler
dan mengan-dung tag-tag yang
memerintahkan browser utk mengeksekusi
perintah yang ispesifikasikan.
• HTML merupakan standard bahasa yg
digunakan untuk menampilkan dokumen
web.

Kegunaan HTML
• Mengontrol tampilan dari web page dan
contentnya.
• Mempublikasikan dokumen secara online
sehingga bisa di akses dari manapun.
• Membuat online form yang bisa di gunakan
untuk menangani pendaftaran, transaksi
secara online.
• Menambahkan objek-objek seperti image,
audio, video dan juga java applet dalam
dokumen HTML.

Browser dan Editor
• Browser : software untuk menterjemahkan
tag-tag HTML menjadi halaman web. (IE,
Netscape, Mozilla, Opera, Chrome dll)
• Editor : software untuk membuat dokumen
HTML. (FrontPage, Dreamweaver, Notepad,
dll)

Struktur Dokumen
• HTML : Utk memberitahu browser bahwa
didalamnya adalah dokumen HTML
• HEAD : Bagian header dokumen. Biasanya
memuat tag :
– TITTLE utk judul halaman web.
– META utk informasi mengenai dokumen seperti
Author Name, Keyword dll.

• BODY : Utk menampilkan teks, image, link
dan semua yang akan ditampilkan di web.

Tag
• Tag : teks khusus (markup) berupa dua
karakter “<“ dan “>” yang digunakan untuk
menuliskan perintah HTML.
• Umumnya berpasangan : Tag Pembuka – Tag
Penutup (ditambahkan tanda “/” sebelum
nama tag).
• Penulisan tag tidak Case Sensitive
<HTML>
……
</HTML>

Element
Element terdiri atas tiga bagian, yaitu tag
pembuka, isi, dan tag penutup.
Sebagai contoh untuk menampilkan judul
dokumen HTML pada web browser digunakan
element title.
<title> (tag pembuka)
Judul dokumen (isi)
</title> (tag penutup)

Attribute
• Attribute mendefinisikan property dari suatu
element HTML, yang terdiri atas nama
attribute dan nilai attribute
• Secara umum nilai attribute harus diapit
tanda kutip satu („) atau tanda kutip dua (“)
<body bgcolor="black" text="yellow">
hasilnya warna text kuning, latar belakang
hitam

Element HTML
• Menyatakan pada browser bahwa dokumen
Web yang digunakan adalah HTML.
• Syntax Penulisan
<html>
…………
</html>

Element HEAD
• Merupakan header/kepala dari dokumen
HTML.
• Tag <head> dan tag </head> harus terletak di
antara element html.
<html>
<head>
…..
</head>
</html>

Element TITTLE
• Merupakan judul dari dokumen HTML yang
ditampilkan pada jendela browser.
• Tag <title> dan tag </title> harus terletak di
antara element head.
<head>
<tittle>
…..
</tittle>
</head>

Element BODY
• Elemen yang digunakan untuk menampilkan isi
dokumen HTML pada jendela browser.
• Tag <body> dan tag </body> harus terletak di
bawah element head.
<body>
…..
</body>

Element BODY
• Elemen ini memiliki attribute yang
menspesifikasikan warna dan latarbelakang
dokumen yang ditampilkan pada browser.
<body text=“wtext" bgcolor=“wlatar"
background=“wlatargambar" link=“wlink"
alink=“wlinkaktif" vlink=“wlinkkunjungan">
..............
</body>

Format Text HTML
• Mengatur format atau tampilan-tampilan
teks dalam dokumen html agar tampil lebih
menarik.
• Elemen-elemen yang digunakan :
– BR (Break Line) : utk ganti baris, tanpa tag
penutup
– P (Paragraph) : utk ganti paragraf diikuti baris
kosong diawal dan diakhir paragraf.
Elemen P memiliki attribute align dgn nilai left,
center dan right

Format Text HTML
– H1, H2, H3, H4, H5, H6 (Heading) : utk membuat
judul teks dengan 6 jenis ukuran huruf dan
tercetak tebal. Memiliki attribute align dgn nilai
left, center dan right
– B (Bold) : utk menebalkan tampilan teks
– I (Italic) : utk menampilkan teks miring
– U (Underline) : utk memberi garis bawah pd teks
– PRE (Preformat) : utk menampilkan teks apa
adanya

Format Text HTML
– CENTER : utk menampilkan teks dgn posisi
horizontal di tengah
– BASEFONT : utk mengubah dasar ukuran huruf
tampilan dari browser. Memiliki attribute size
dgn nilai 1 – 7 pixel. Tidak mempunyai tag
penutup.
– FONT : utk mengubah jenis, ukuran dan warna
huruf. Memiliki attribute color utk warna, face
utk jenis huruf dan size utk ukuran huruf

Format Text HTML
– HR (Horizontal Rule) : utk membuat garis
horizontal. Tanpa tag penutup. Memiliki
attribute align dgn nilai left, center, right
attribute size utk ketebalan garis, attribute
width utk panjang garis dan attribute noshade
utk membuat garis solid

Hyperlink
Digunakan untuk menghubungkan halaman
yang ada dalam satu situs (Internal Link) atau
pada situs yang lain (Eksternal Link).
Hyperlink mempunyai atribute : href, name dan
target
href : sebagai hypertext reference eksternal URI
(uniform resource identifier)
name : menghubungkan ke tujuan dlm halaman
web (anchor)
target : utk menampilkan halaman web pada
satu jendela yg sama atu jendela baru

Hyperlink
Syntax Hyperlink
<a href=“URI” name=“Name” target=“Target”>
hypertext</a>
URI
= alamat URL absolute/relatif
Name
= nama anchor/penghubung pada
halaman web
Target
= tempat menampilkan halaman
(_blank, _top, _self, _parent)
Hypertext = visualisasi teks yang di
tampilkan

Pengenalan internet 10

Recommended

Recommended

More Related Content

What's hot

What's hot (19)

Similar to Pengenalan internet 10

Similar to Pengenalan internet 10 (20)

Recently uploaded

Recently uploaded (20)

Pengenalan internet 10