Selasa, 20 Oktober 2015

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.