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
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 WARNA 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 Indria Saraswati Diana :
<a href="http://www.indriasaraswatidiana.blogspot.com"> Buka Blog Indria Saraswati Diana </a>
<br>
Ini adalah hyperlink ke twitter Indria Saraswati Diana :
<a href="http://twitter.com/IindriaSaras> Buka twitter Indria Saraswati Diana
</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 Indria Saraswati Diana :
<a href="http://www.indriasaraswatidiana.blogspot.com"> Buka Blog Indria Saraswati Diana </a>
<br>
Ini adalah hyperlink ke twitter Indria Saraswati Diana :
<a href="http://twitter.com/IindriaSaras> Buka twitter Indria Saraswati Diana
</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.
Tidak ada komentar:
Posting Komentar