Anda di halaman 1dari 15

HTML

Hyper Text Markup Language


HTML
• HTML adalah sebuah standar yang digunakan secara luas untuk
menampilkan halaman web
• HTML kini merupakan standar Internet yang saat ini dikendalikan oleh
World Wide Web Consortium (W3C).
• Versi terakhir dari HTML adalah HTML 4.01, meskipun saat ini telah
berkembang XHTML yang merupakan pengembangan dari HTMLdan
DHTML.
HTML
• Yang dimaksud dengan HyperText adalah beberapa teks yang ada dalam
dokumen HTML memuat informasi yang menghubungkan ke lokasi yang
berbeda, baik dalam satu struktur dokumen atau ke alamat lain di
internet.
• Sedangkan Markup Language merupakan bagian spesifik pada dokumen
yang mengindikasikan bagaimana suatu informasi akan ditampilkan pada
web browser.
Applikasi Editing HTML
 Text editor
 Notepad
 Editor Plus
 Edit2Plus
 Ultra Edit
 WYSWYG
 Macromedia Dreamweaver
 Microsoft Frontpage
 Microsoft Publisher
Extension HTML
• Untuk menyimpan file HTML ekstensi yang digunakan
adalah .htm atau html
• Ekstensi yang paling sering digunakan adalah .html
6

Istilah-istilah dalam HTML:


• Tag - Digunakan untuk menentukan tingkah laku web
browser. Dinyatakan dengan tanda lebih kecil “<“ (tag awal)
dan tanda lebih besar “>” (tag akhir).Tag kontainer:
<namatag> ..... </namatag>

• Element – Jenis-jenis dari tag. HTML mempunyai banyak


elemen untuk berbagai keperluan dengan berbagai bentuk
penggunaan.

• Attribute - Digunakan untuk memodifikasi nilai dari elemen


HTML. Suatu elemen biasanya akan mempunyai banyak
atribut.
Tag / Sintax HTML
• HTML tags digunakan untuk menandai element HTML
• HTML tags ditandai dua character < dan>
• HTML tags ditulis berpasangan seperti <b> dan </b>
• Tags yang pertama adalah start tag dan tags kedua
adalah end tag
• Teks diantara tag adalah content element
• HTML tags tidak case sensitif , <b> sama dengan <B>
Tag / Sintax HTML
• HTML: menandai awal dan akhir dokumen HTML
<html>dokumen</html>
• Head: menandai bagian header dokumen HTML
<head>header</head>
• Title: memberi judul pada dokumen HTML
<title>judul dokumen</title>
• Body: menandai awal dan akhir isi dokumen
<body>isi dokumen</body>
Contoh :
<body text="#xxxxxx" bgcolor="#xxxxxx"
background="filegambar" link="#xxxxxx"
vlink="#xxxxxx">isi dokumen</body>
Sintax Standart HTML
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
Isi halaman web
</body>
</html>
Contoh Script HTML
<html>
<head>
<title>Halaman Pertama</title>
</head>
<body>
Ini Adalah Website Pertamaku
</body>
</html>
Save File HTML di Notepad
File – Save As
• File Type : nama
file dengan akhiran
ext .htm atau .html
• Save As type : pilih
All Files

Save
Tampilan Website Pertama

Selamat.. Ini adalah Tampilan Website Pertama


Basic HTML

Tag Description
<html> Definisi sebagai Dokumen HTML

<body> Definisi Body Dokumen HTML

<h1> sampai <h6> Definisi Header Huruf

<p> Definisi Paragraf

<br> 1 Spasi kebawah

<hr> Definisi Garis Mendatar

<!--> Definisi Komentar (tidak di tampilkan)


Format Text

Beberapa pemformatan teks:


• Huruf Tebal <b> </b>
• Huruf Miring <i></i>
• Huruf Garis Bawah <u></u>
Format Text

<ALIGN>
Fungsi: Membuat text reta kiri ,rata kanan dan tengah
Sintak:
<P ALIGN=right>untuk rata kanan
<P ALIGN=left> untuk ratakiri
<P ALIGN=center> untuk rata tengah
<P ALIGN=justify> untuk rata kiri dan rata kanan
Atau
<H? ALIGN=right>untuk rata kanan
< H? ALIGN=left> untuk ratakiri
< H? ALIGN=center> untuk rata tengah
< H? ALIGN=justify> untuk rata kiri dan rata kanan
Contoh pemakaian:
<H2 Align=right>Selamat Datang di Website Kami</H2>

Anda mungkin juga menyukai