Pages

Selasa, 29 Oktober 2013

mengelola isi halaman web

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 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>



</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