Jun 5, 2010

Perintah Dasar HTML


Pada pembahasan sebelumnya “Mengenal Bahasa Pemrograman HTML”, telah dibahas tentang perngetian HTML serta sejarah perkembangan HTML. Pada pembahasan kali ini akan dijelaskan sedikit perintah-perintah dalam HTML. Berikut adalah struktur dari sebuah HTML:

<html> 
<head> 
<title>Judul web</title> 
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="description" content="Indonesia adalah negaraku, tanah airku, tempatku dilahirkan"> 
<meta name="author" content="Ade Tiawan">
</head> 
<body > 
......Isi..... 
</body> 
</html>
1. HTML
Pada Pembuatan website, kita harus mengawalinya dengan perintah HTML dan ditutup dengan perintah HTML juga. Seperti contoh diatas, dalam HTML nanti akan berisi HEAD,TITLE, META,BODY.

2. HEAD
Pada bagian ini, bisa diisi dengan TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.Seperti contoh:
<Head> 
<Meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<title>Mengenal Bahasa HTML</title> 
<meta name="description" content="HTML Kepanjangan dari Hypertext Markup Language"> 
<meta name="keywords" content="html,head,title,meta,"> 
<meta name="copyright" content="2010 a1adie.co.cc"> 
<meta name="distribution" content="Global"> 
<meta name="robots" content="index,follow"> 
<meta name="publisher" content="a1adie.co.cc"> 
<link rel="Bookmark" href="images/a1.jpg"> 
<link rel="shortcut icon" href="images/a2.jpg"> 
</title></head>

3. BODY

Perintah BODY digunakan untuk menampilkan semua teks, images(.png, .jpg, .gif). Dalam Penulisan Body bisa ditambahi dengan warna background dengan format bgcolor. Untuk mengisi BODY atau isi dari pada web, maka ada perintah-perintah atau Komponen-komponen yang diletakkan pada BODY in, seperti:
1. <p>...</p> :Perintah untuk membuat teks paragraf. Pada bagian ini bisa disisipi letak paragraf, seperti ini : <p align=”left”>....</p>. Untuk letak bisa di isi dengan: left, center, Right, dan justify.
2. <font> : perintah ini digunakan untuk memformat seluruh text yang akan di tampilkan di web. Pada perintah ini bisa ditambahi dengan perintah perintah: color=”#FFFFFF” , size=”2” » <font color=”#33FF66” size=”2”>....</font>
3. <h>: perintah untuk membesarkan teks. Bisa dimulai dari H1 sampai H6. Seperti contoh: <H1>Saya sedang mengenal Bahasa Pemrograman HTML</H1>
4. <table>: perintah untuk menampilkan tabel. Penulisan tabel bisa disisipi seperti ini: <table border="0" width="25" cellspacing="0" cellpadding="0">
5. <td>: perintah untuk kolom table. Perintah ini juga bisa disisipi dengan: colspan="0" valign="top" width="0". Dan penulisan ini setelah penulisan table seperti ini:
<table border="0" width="800" cellspacing="0" cellpadding="0">
<td colspan="2" valign="top" width="100%">........</td></table>
6. <li>: perintah untuk mengelompokkan teks. Untuk menampilkan list bullet, maka penulisannya <ul><li>......</li></ul>. Sedangkan untuk menampilkan list angka, maka penulisannya <ol><li>.....</li></ul>.
7. <i>....</i>: perintah untuk mengubah teks menjadi miring.
8. <b>....</b>: perintah untuk menebalkan teks.
9. <u>....</u>: perintah untuk memberikan garis bawah pada teks.
10. <br>: perintah untuk membuat teks baru.
11. <s>...</s>:perintah untuk memberi garis ditengah-tengah teks
12. <blink>....</blink>:perintah agar teks berkedip
13. <a>: Untuk membuat link baik web, e-mail, maupun gambar. Pada perintah ini penulisannya: <a href=”images/ade.jpg>....</a> maka menuju ke link gambar, <a href=http://www.a1adie.co.cc>...</a> maka akan terbuat link web, dan <a href=”namamu@domain.com>....</a> akan terbuat link e-mail.
15. <img src>: perintah untuk menampilkan gambar. Susunan bisa seperti ini: <img src="images/ade.jpg" width="176" border="0" height="128" alt="ade tiawan">,
width=”...” : perintah memberikan lebar dari gambar.
height=”…” : perintah untuk tinggi dari gambar.
border=”…” : perintah memberikan ketebalan dari bingkai gambar.
alt=”…” : perintah memberi nama dari gambar.
align=”…” : perintah memberikan posisi dari gambar.

Sekian dulu pengenalan perintah-perintah HTML, semoga bermanfaat. Dan tunggu pembahasan selanjutnya.
Next chapter:

7 Comments:

Abdul Mupit Regalia on June 5, 2010 at 3:44 PM said...

butuh latihan lagi nih buat program html, soalnya gue cuma bisa yg instan aja (pake dreamweaver) ga bisa bikin kode html manual. hhe

Dream Light on July 27, 2010 at 3:38 PM said...

trims infonya, sgt bermanfaat.

http://jokam-biz.blogspot.com

Blogger Indo on July 27, 2010 at 6:44 PM said...

@Dream Light: Ok :-) sama2, jangan lupa senggol iklannya!

nanCY.ns on March 11, 2011 at 1:16 PM said...

bIsa,gak,digunakan utk background multiply..? :)

Blogger Indo on April 17, 2011 at 5:41 PM said...

sepertinya bisa digunakan di manapun, soalnya saya juga belum pernah nyoba pakek multiply mbk!!

zarnadi on August 6, 2011 at 11:43 PM said...

Makasih atas ilumnya......?
Tukeran link yuk biar rame.....

Anonymous said...

thankz gan...ane dapet pencerahan dari artikel ini :)

Post a Comment

Your comments are very helpful this blog in the future. but do not spread the SPAM on this blog!

 

Mata Kuliah Teknik. Copyright 2010 All Rights Reserved.Template by Bloganol.com