HTML (Hypertext
Markup Language) adalah bahasa program yang digunakan untuk
menulis format dokumen yang dapat digunakan dalam Web. Dengan HTML, teks ASCCII
(file *.txt) dapat dipoles (di-mark-up) dengan kode-kode tertentu
yang disebut tag untuk menjadi dokumen HTML (file *.htm atau *.html).
Oleh karena itu, untuk membuat dokumen HTML, anda bisa menggunakan program teks
editor, mulai dari Notepad hingga MS WORD. Bila anda belum tahu caranya,
klik Start > Programs > Accessories lalu Notepad.
Ketreangan
:
a) <html>
</html> : mendefinisikan bahwa teks yang berada diantara kedua tag
tersebut adalah file HTML
b) <head>
</head> : mendefinisikan head dalam sebuah file HTML.
c)
<tittle> </tittle> : mendefinisikan judul yang hendak ditampilkan
pada browser.
d) <body>
</body> : mendefinisikan teks beserta formatnya yang hendak ditampilkan
sebagai isi halaman web
.
.
PENGENALAN KODE
HTML
1. Buka Notepad
melalui Start > All program > Accessories > notepad
2. Ketik
tulisan berikut :
<html>
<head>
<tittle>
Belajar HTML </tittle>
</head>
<body>
Apa kabar
teman-teman?
</body>
</html>
3. Simpan file
notepad dengan menklik file-save as-nama file.html
4. Coba buka
nama tersebut dengan Internet Explorer atau Mozilla Firefox.
MEMBUAT WARNA BACGROUND
1. Buka Notepad melalui Start > All program >
Accessories > notepad
2. Ketik tulisan berikut :
<html>
<head>
<tittle> Belajar Membuat Warna Bacground </tittle>
</head>
<body>
<!..Latar belakang warna biru..>
<body bgcolor="blue">
</body>
</html>
3. Simpan file notepad dengan menklik file-save as-nama file.html
4. Coba buka nama tersebut dengan Internet Explorer atau Mozilla Firefox.
MENGATUR WARAN TEKS
1. Buka Notepad melalui Start > All program > Accessories > notepad
2. Ketik tulisan berikut :
<html>
<head>
<tittle> Belajar Mengatur warna Teks </tittle>
</head>
<body>
<!-warna teks#ff0022..>
<body text="#ff0022">
</body>
</html>
3. Simpan file notepad dengan menklik file-save as-nama file.html
4. Coba buka nama tersebut dengan Internet Explorer atau Mozilla Firefox.
MENGATUR PARAGRAF
1. Buka Notepad melalui Start > All program > Accessories > notepad
2. Ketik tulisan berikut :
<html>
<head>
<tittle> Belajar Mengatur paragraf </tittle>
</head>
<body>
<p> Ini adalah paragraf pertama yang terdiri dari empat baris satu. Baris dua. Baris tiga. Baris empat</p>
<p align="center"> Ini adalah paragraf kedua yang terdiri dari tiga baris.
yaitu baris satu. baris dua. baris tiga. </p>
<p align="right"> Ini adalah paragraf keempat yang terdiri dari dua baris
yaitu baris satu. baris dua. </p>
</body>
</html>
3. Simpan file notepad dengan menklik file-save as-nama file.html
4. Coba buka nama tersebut dengan Internet Explorer atau Mozilla Firefox.
2. Ketik tulisan berikut :
<html>
<head>
<tittle> Belajar Membuat Warna Bacground </tittle>
</head>
<body>
<!..Latar belakang warna biru..>
<body bgcolor="blue">
</body>
</html>
3. Simpan file notepad dengan menklik file-save as-nama file.html
4. Coba buka nama tersebut dengan Internet Explorer atau Mozilla Firefox.
MENGATUR WARAN TEKS
1. Buka Notepad melalui Start > All program > Accessories > notepad
2. Ketik tulisan berikut :
<html>
<head>
<tittle> Belajar Mengatur warna Teks </tittle>
</head>
<body>
<!-warna teks#ff0022..>
<body text="#ff0022">
</body>
</html>
3. Simpan file notepad dengan menklik file-save as-nama file.html
4. Coba buka nama tersebut dengan Internet Explorer atau Mozilla Firefox.
MENGATUR PARAGRAF
1. Buka Notepad melalui Start > All program > Accessories > notepad
2. Ketik tulisan berikut :
<html>
<head>
<tittle> Belajar Mengatur paragraf </tittle>
</head>
<body>
<p> Ini adalah paragraf pertama yang terdiri dari empat baris satu. Baris dua. Baris tiga. Baris empat</p>
<p align="center"> Ini adalah paragraf kedua yang terdiri dari tiga baris.
yaitu baris satu. baris dua. baris tiga. </p>
<p align="right"> Ini adalah paragraf keempat yang terdiri dari dua baris
yaitu baris satu. baris dua. </p>
</body>
</html>
3. Simpan file notepad dengan menklik file-save as-nama file.html
4. Coba buka nama tersebut dengan Internet Explorer atau Mozilla Firefox.
Keterangan : Left = rata
kiri, right =rata kanan, center =rata tengah,
dan justify =rata kanan kiri sobat.
Jangan lupa sobat inget kode-kode html nya ya ..
MEMISAHKAN BARIS
1. Buka Notepad melalui Start > All program > Accessories >
notepad
2. Ketik tulisan berikut :
<html>
<head>
<tittle> Belajar Memisahkan baris </tittle>
</head>
<body>
<p> Pancasila terdiri dari lima sila yaitu : <br>Sila Kesatu Ketuhanan Yang Maha Esa. <br> Sila Kedua Kemanusiaan Yang Adil dan Beradab. <br> Sila Ketiga Persatuan Indonesia. <br> Sila Keempat Kerakyatan Yang dipimpin oleh Hikmat Kebijaksanaan dalam Permusyawaratan Perwakilan. <br> Sila Kelima Keadilan Sosial Bagi Seluruh rakyat Indonesia.
</p>
</body>
</html>
3. Simpan file notepad dengan menklik file-save as-nama file.html
4. Coba buka nama tersebut dengan Internet Explorer atau Mozilla Firefox.
MEMBUAT HYPERLINK
1. Buka Notepad melalui Start > All program > Accessories > notepad
2. Ketik tulisan berikut :
<html>
<head>
<tittle> Meembuat Hyperlink </tittle>
</head>
<body>
Ini adalah hyperlink ke Blog sepriano :
<a href="http://www.sepriano.com"> Buka Blog sepriano </a>
<br>
Ini adalah hyperlink ke twitter sepriano :
<a href="http://twitter.com/SEPRIANO_> Buka twitter sepriano
</a>
<br>
2. Ketik tulisan berikut :
<html>
<head>
<tittle> Belajar Memisahkan baris </tittle>
</head>
<body>
<p> Pancasila terdiri dari lima sila yaitu : <br>Sila Kesatu Ketuhanan Yang Maha Esa. <br> Sila Kedua Kemanusiaan Yang Adil dan Beradab. <br> Sila Ketiga Persatuan Indonesia. <br> Sila Keempat Kerakyatan Yang dipimpin oleh Hikmat Kebijaksanaan dalam Permusyawaratan Perwakilan. <br> Sila Kelima Keadilan Sosial Bagi Seluruh rakyat Indonesia.
</p>
</body>
</html>
3. Simpan file notepad dengan menklik file-save as-nama file.html
4. Coba buka nama tersebut dengan Internet Explorer atau Mozilla Firefox.
MEMBUAT HYPERLINK
1. Buka Notepad melalui Start > All program > Accessories > notepad
2. Ketik tulisan berikut :
<html>
<head>
<tittle> Meembuat Hyperlink </tittle>
</head>
<body>
Ini adalah hyperlink ke Blog sepriano :
<a href="http://www.sepriano.com"> Buka Blog sepriano </a>
<br>
Ini adalah hyperlink ke twitter sepriano :
<a href="http://twitter.com/SEPRIANO_> Buka twitter sepriano
</a>
<br>
</body>
</html>
3. Simpan file notepad dengan menklik file-save as-nama file.html
4. Coba buka nama tersebut dengan Internet Explorer atau Mozilla Firefox.
No comments:
Post a Comment