HTML (Hypertext Markup Language)
Download
Report
Transcript HTML (Hypertext Markup Language)
HTML merupakan bahasa paling standard
yang digunakan untuk membuat suatu
website
HTML Singkatan dari Hyper Text Markup
Language
HTML bukanlah merupakan suatu bahasa
pemrograman, karena bahasa ini hanya
berguna untuk mengontrol tampilan dari
suatu halaman (web page) beserta isinya
HTML merupakan bahasa markup
HTML menggunakan markup tags untuk
mendeskripsikan halaman web
Tag markup HTML biasanya disebut tag
HTML
Tag terdiri dari lambang-lambang khusus
seperti: <html>
Tag HTML umumnya selalu berpasangan
seperti <b> dan </ b>
Tag pertama dalam pasangan adalah tag
awal, tag kedua adalah tag akhir
Tag Mulai dan tag akhir juga disebut tag
pembuka dan tag penutup
Untuk dapat belajar
hanya memerlukan:
a. WEB editor (HTML editor)
b. Web Browser
HTML
kita
Web browser adalah sebuah progam
yang dapat menterjemahkan kode
perintah dari dokumen HTML tersebut
sehingga dapat kita lihat, baca dan
dengar.
Contoh dari Web Browser adalah
Internet Explorer, Netscape Navigator,
Mozilla Firefox, Opera, Safari dll.
Web editor adalah software yang
digunakan untuk mengetikan tag-tag
HTML
Contoh
Web
editor
adalah
notepad, wordpad, Net++, Adobe
Dreamweaver,
CoffeeCup
HTML
Editor, Microsoft Frontpage, Aurora
Web Editor, dll.
HTML
mempunyai
format
(extention) .htm atau .html
file
Dimana kedua format file tersebut
adalah sama, jadi kita boleh
menyimpan file dokumen HTML
dengan extention ".htm" atau ".html".
<html>
<head>
<title>Sedang Belajar</title>
</head>
<body>
aku belajar html nih ..
</body>
</html>
Penjelasan tag HTML:
1. Tag <html> dan </html> : merupakan
tag awal dan tak akhir untuk
menjalankan perintah HTML
2. Tag <head> dan </head> : merupakan
informasi dari dokumen HTML. Informasi
di dalam header meliputi: title, meta,
style, script dll. Selain Title informasi di
dalam header ini nantinya tidak akan di
tampilkan di web browser
3.
4.
Tag <title> dan </title> : berisikan judul
web
Tag <body> dan </body> adalah isi dari
halaman situs. Disini tulisan, gambar,
tabel, kalian akan ditampilkan di
browser
Paragraf HTML didefinisikan dengan tag <p>.
CONTOH:
<html>
<head>
<title>Membuat Paragraf</title>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
</body>
</html>
baris dalam HTML didefinisikan dengan tag <br> (line
break)
CONTOH:
<html>
<head>
<title>Membuat baris</title>
</head>
<body>
This is a baris 1.<br>
This is a baris 2.<br>
This is a baris 3.<br>
</body>
</html>
Dalam membuat paragraf tentu kita
sewaktu-waktu
akan
membutuhkan
paragraf yang rata kiri, rata kanan, rata
tengah, dan rata kanan kiri. Untuk
membuat ini kalian akan membutuhkan
atribut yang bernama "align". Ada 4 nilai
align, yaitu left (rata kiri), right (rata
kanan), centre (rata tengah), dan justify
(rata kanan kiri)
CONTOH:
<html>
<head>
<title>Membuat Paragraf</title>
</head>
<body>
<p align="left">This is a paragraph.</p>
<p align="right">This is a paragraph.</p>
<p align="center">This is a paragraph.</p>
<p align="justify">This is a paragraph.</p>
</body>
</html>
Headings HTML didefinisikan dengan tag <h1> sampai <h6>
CONTOH:
<html>
<head>
<title>Membuat Headings</title>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>
Judul dari paragraf atau Heading
menggunakan tag yang disebutkan di
atas yaitu <h1>, <h2>, <h3>, <h4>, <h5>,
dan <h6>.
<h1> adalah judul utama dan paling
besar sedangkan <h6> adalah yang
paling kecil.
untuk baris baru adalah <br> (line break),
dan untuk membuat baris adalah <hr>
(Horizontal) perlu diketahui bahwa sebagian
tag elemen HTML tidak memerlukan tag
penutup, sebagai contoh adalah <br> dan
<hr>
CONTOH:
<html>
<head>
<title>Selamat Datang di Websiteku</title>
</head>
<body>
<hr>
<h1>Ini adalah halaman HTML pertamaku.</h1>
<hr>
<p>Aku sedang membuat paragraf dan ini
contohnya.</p>
<p>Ini contoh paragraf yang lainnya.</p>
<br>Ini juga paragraf mm...tapi de<br>ngan baris baru.
<br>Ini baris baru yang lain.
</body>
</html>
Komentar dapat dimasukkan ke
dalam kode HTML untuk membuat lebih
mudah
dibaca
dan
dimengerti.
Komentar diabaikan oleh browser dan
tidak akan ditampilkan
CONTOH:
<!-- This is a comment -->
<html>
<body>
<p><b>This text is bold</b></p>
<p><strong>This text is strong</strong></p>
<p><big>This text is big</big></p>
<p><i>This text is italic</i></p>
<p><em>This text is emphasized</em></p>
<p><code>This is computer output</code></p>
<p>This is<sub> subscript</sub> and <sup>superscript</sup></p>
<u>this text is underline</u>
</body>
</html>