72 syntax dasarhtml

5/13/2018 72 Syntax DasarHTML - slidepdf.com

http://slidepdf.com/reader/full/72-syntax-dasarhtml 1/14

72 Syntax dasar HTML

http://www.tux-family.com/

ditulis oleh : yur4kh4

thankz to :

indonesian coder | Malang cyber crew | kill -9 crew | bontanglinux | magelangcyber

bismillah..

syntax-syntax atau perintah dasar yang saya tuliskan disini saya kutip dari sebuah buku yang di tulisoleh komunitas ewolf, yang kemudian setelah saya cek ternyata “mungkin” buku itu mengutip padalink ini : http://www.w3schools.com/TAGS/

jadi tidak ada salahnya saya tuliskan kembali sembari belajar :), seperti yang kita ketahui bahasa pemrograman HTML merupakan bahasa wajib dasar untuk membuat suatu web. Jadi tidak adaalasan untuk tidak memahami perintah dasar ini jika ingin menjadi seorang programmer.Semoga apa yang saya tuliskan ini bisa bermanfaat untuk teman-teman semua (amin),


http://www.facebook.com/pages/Tuan-Muda-Yur4kh4/145431935494330

http://www.w3schools.com/TAGS/

http://www.w3schools.com/TAGS/

http://www.facebook.com/pages/Tuan-Muda-Yur4kh4/145431935494330


1. struktur dasar kode HTML :

<html><head><!-ini adalah bagian header--><title>ini adalah judul</title>

</head><body><!-ini tempat menuliskan kode--></body></html>

2. 

digunakan untuk menuliskan komentar contoh:

3. <!DOCTYPE>deklarasi ini bukan termasuk tag HTML. tetapi merupakan instruksi untuk web browser tentangversi bahasa markup yang digunakancontoh :<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

4. <a>

mendefinisikan tag anchor. digunakan untuk membuat link ke dokument lainmenggunakan atributhref dan juga untuk membuat bookmark dokumen menggunakan atribut name.contoh<body><a href="http://devirakhjib.uni.cc/"> blog ganteng</a>

</body>

5. <abbr>

digunakan untuk menampilkan informasi pada saat pointer mouse diletakkan pada teks yangditandai.contoh :<body><abbr title="hypertext markup language">HTML</abbr> adalah kode dasar untuk membuat web.

</boody>

6. <acronym>

digunakan untuk mendefinisikan sebuah singkatan. informasi akan muncul pada saat pointer mousediletakkan pada teks yang ditandai.contoh :<body>hari-hari bersama <acronym>title="facebook"></acronym>

sungguh mengasikkan </body>

7. <address>

digunakan untuk mendefinisikan informasi kontak pada halaman web. biasanya digunakan sebagaisignature pada halaman webcontoh :



<body><address>yur4kh4<br><a href="mailto:[email protected]" >kirim email</a><br>alamat : malang cyber telp : 192.168.1.1

</address></body>

8. <area>

digunakan untuk mendifinisikan daerah (area) pada pemetaan gambar contoh :<img src="" alt="yur4.img" widh="200" height="4000" alt="yur4kh4" usemap="#siganteng" /><map name="asli ganteng"><area shape="rect" coords="0,0,82,126"href="devirakhjib.html" alt="devirakhjib" />

<area shape="circle" coords="90,58,3"

href="dera.html" alt="dera" /><area shape="circle" coords="124,58,4"href="yur4.html" alt="yur4kh4" />

</map>

9. <b>

digunakan untuk mencetak tebal suatu tekscontoh :<b>ini beneran huruf tebal</b>

10. <base>

digunakan untuk mendefinisikan link default dalam sebuah halaman web. tag ini diletakkan pada bagian headcontoh :<head><base href="http://www.yur4kh4ganteng.info/" />

<base target="_blank" />

</head><body><img src="daribelakang.img" /><a href="http://www.tux-family.com/" />

</body>

11. <bdo>

digunakan untuk menentukan arah tekscontoh :<bdo> dir="ltr" contoh teks LTR (left to right) </bdo>

12. <big>

digunakan untuk membuat teks berukuran besar contoh :<big>ini kata besar </big>

13. <blockquote>

digunakan untuk mendefinisikan pendapat (quote) yang panjang. browser anda akan menambahkanspaci kosong sebelum dan sesudah elemen ini.<blockquote>

HTML adalah dasar untuk membuat webHTML adalah dasar untuk membuat web

HTML adalah dasar untuk membuat web</blockquote>

14. <body>

digunakan untuk mendefinisikan badan HTML, yang di dalamnya merupakan tempat untuk meletakkan elemn-elemen HTML lainnyacontoh :<html><head><title>ini percobaan</title></head>

<body></body>

</html>

15. <br>

digunakan utnuk menyisipkan sebuah baris atau sebuah enter contoh :<body>yur4kh4 adalah anak yang soleh<br>

maka dia sangat di sayang pacar <br>

</body>

16. <button>

digunakan untuk mendefinisikan sebuah tombolcontoh :<button type="submit">klik disini untuk mengirim</button>

17. <caption>

digunakan untuk mendifinisikan judul pada tabelcontoh :

<table border="1" ><caption>daftar situs</caption>

<tr><th>berita</th><th>belanja</th></tr><td>detik</td><td>jam</td></tr></table>



18. <center>

digunakan untuk menampilkan teks di tengah halamancontoh :<center>yur4kh4 memang sangat ganteng sekali</center>

19. <cite>

digunakan untuk mendefinisikan kutipancontoh :<cite>yur4kh4 ganteng</cite> semua itu bohong

20. <code>

digunakan untuk mendifinisikan teks yang berisi kode-kode komputer contoh :<code>ini teks yang katanya adalah kode-kode komputer </code>

21.<col>

digunakan untuk mendefinisikan nilai atribut kolom pada tabel

contoh :<table width="100%" border="1"><col align="left" />

<col align="left" />

<col align="right" />

<tr><th>judul buku</th><th>pengarang</th><th>harga</th></tr><tr><td>hantu pocong</td><td>yur4kh4</td><td>gratis</td></tr></table>catatan pada browser firefox, hanya atribut width pada tag <col> yang dapat berfungsi.atribut lain, seperti align pada contoh diatas tidak berfungsi

22.<colgroup>

digunakan untuk mengelompokkan kolom pada tabel untuk keperluan format tabel

contoh :<table width="100%" border="1"><colgroup span="2" align="left"></colgroup>

<colgroup align="right" style="color:0000ff;"></colgroup>

<tr><th>judul buku</th><th>pengarang</th><th>harga</th></tr><tr><td>hantu pocong</td>

<td>yur4kh4</td><td>gratis</td></tr>



</table>catatan : browser firefox, chrome, safari, hanya mendukung atribut span dan width pada tag<colgroup>.atribut lain, seperti align pada contoh di atas tidak berfungsi

23. <dd>

digunakan untuk membuat daftar item pada sebuah definisi listcontoh :<dl><dt>daftar makanan</dt><dd>ayam bakar </dd>

<dd>ayam goreng</dd>

<dt>daftar minuman</dt><dd> jus darah</dd>

<dd> jus darah lagi</dd>

</dl>

24. <del>digunakan untuk mencoret tekscontoh :<b>polling ganteng</b><br><del>november rain</del> faill...

25. <dfn>

digunakan untuk mendefinisikan sebuah istilahcontoh :<dfn>devirakhjib</dfn> merupakan gabungan nama orang ganteng & orang cantik

26. <dir>

digunakan untuk membuat daftar judul dari sebuah direktori / folder contoh :<dir>

<li>html</li><li>css</li><li>php</li></dir>

27. <div>

digunakan untuk mendefinisikan bagian dari sebuah halaman web. seringkali digunakan untuk mengelompokkan elemen-elemen HTML dengan format style tertentu.contoh :<div style="color:#0000FF"><h3>ini adalah judul</h3><p>ini adalah paragraph</p></div>

28. <dl>

digunakan untuk membuat sebuah daftar definisi (definition list yang terdiri dari beberapa itemcontoh :

<dl><dt>daftar makanan</dt><dd>ayam bakar</dd>



<dd>ayam goreng</dd><dt>daftar minuman</dt><dd>jus darah</dd><dd>jus darah lagi</dd></dl>

29. <dt>digunakan untuk membuat daftar item dari sebuah definition listcontoh :<dl><dt>daftar makanan</dt>

<dd>ayam bakar</dd><dd>ayam goreng</dd><dt>daftar minuman</dt>

<dd>jus darah</dd><dd>jus darah lagi</dd></dl>

30. <em>

digunakan untuk menekankan sebuah tekscontoh :<em>yur4kh4</em> ini memang benar-benar anak yang ganteng

31. <fieldset>

digunakan untuk mengelompokkan beberapa elemen dalam sebuah formcontoh :<form><fieldset>

<legend>buku tamu</legend>nama : <input type="text" size="30" /><br>email: <input type="text" size="30" /><br></fieldset>

</form>

32. <font>

digunakan untuk mendefinisikan huruf (jenis,warna dan ukuran)contoh :<font size="3" color="red">hidup open source!</font>

<font size="2" color="blue">hidup open source!</font><font face="verdana" color="green">hidup..hidup,,hidup!</font>

33. <form>

digunakan untuk mendefinisikan sebuah form masukan dari penggunacontoh :<form action="daftar.php" method="get">

First name: <input type="text" name="fname" /><br />Last name: <input type="text" name="lname" /><br /><input type="submit" value="Submit" />

</form>



34. <frame>

digunakn untuk mendefinisikan sebuah jendela (windows) tertentu dalam sebuah framesetcontoh :<html><frameset cols="25%,50%,25%"> <frame src="frame_a.htm" />

<frame src="frame_b.htm" /> <frame src="frame_c.htm" />

</frameset></html>

35. <frameset>

digunakn untuk mendefinisikan sebuah frameset. tiap frameset dapat terdiri dari 2 atau lebihframe, dan tiap-tiap fram memiliki file yang berbeda-beda.contoh :<html><frameset cols="25%,50%,25%">

<frame src="frame_a.htm" /><frame src="frame_b.htm" /><frame src="frame_c.htm" />

</frameset>

</html>

36. <h1> sampai dengan <h6>

digunakan untuk mendefinisikan bagian atas (heading) teks.dimulai dari ukuran besar <h1> hingga ukuran yang paling kecil <h6>contoh :<h1>ini contoh</h1>

<h2>ini contoh</h2>

<h3>ini contoh</h3>

<h4>ini contoh</h4>

<h5>ini contoh</h5>

<h6>ini contoh</h6>

37. <head>

dugunakan untuk mendefinisikan bagian atas (head) sebuah dokumen HTML. bagian ini biasanya digunakan untuk mendefinisikan tag <base> <link> <meta> <script> <style>dan <title>

contoh :<head>

<title> welcome to my blog</title></head>

38. <hr>

digunakan untuk mendefinisikan sebuah garis horizontal dalam halaman HTMLcontoh :salah satu aplikasi internet adalah web<hr>

HTML adalah kode dasar untuk membuat web



39. <i>

digunakan untuk mencetak miring tekscontoh :<i> teks ini akan menjadi miring</i>

40 <link>

digunakan untuk mendefinisikan tautan (link) antara halaman dengan sumber laincontoh :<head><link rel="stylesheet" type="text/css" href="theme.css" />

</head>

41. <map>

digunakan untuk pemetaan gambar contoh :<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" />

<map name="planetmap"><area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" /><area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" /><area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" />

</map>

42. <menu>

digunakan untuk membuat daftar menucontoh :<menu>

<li>html</li><li>xhtml</li><li>css</li>

</menu>

43. <meta>

digunakan untuk mendeskripsikan metadata sebuah dokumen HTMLcontoh :<head><meta name="description" content="Free Web tutorials" />

<meta name="keywords" content="HTML,CSS,XML,JavaScript" />

<meta name="author" content="Hege Refsnes" /><meta http-equiv="content-type" content="text/html;charset=UTF-8" />

</head>

44. <noframes>

digunakan untuk mengantisipasi jika browser tidak mendukung penggunaan framecontoh :<html><frameset cols="25%,50%,25%">

<frame src="frame_a.htm" /><frame src="frame_b.htm" />

<frame src="frame_c.htm" /> <noframes>

upsz, browser anda tidak mendukung frames!



</noframes>

</frameset></html>

45. <noscript>

digunakan untuk mengantisipasi jika browser tidak mendukung penggunaan client side scripting

atau jika fitur script dinonaktifkancontoh :<script type="text/javascript">document.write("Hello World!")</script><noscript> browser anda tidak mendukung javascript, cek pengaturan!</noscript>

46. <ol>

digunakan untuk membuat daftar order (order list) daftar bisa berupa nomer atau alfabethcontoh :<ol>

<li>kopi</li><li>Teh</li><li>susu</li>

</ol>

47. <optgroup>

digunakan untuk mengelompokkan beberapa daftar pilihancontoh :<select> <optgroup label="Swedish Cars">

<option value="volvo">Volvo</option><option value="saab">Saab</option>

</optgroup>

<optgroup label="German Cars"><option value="mercedes">Mercedes</option><option value="audi">Audi</option>

</optgroup>

</select>

48. <option>

digunakan untuk menampilkan daftar pilihan

contoh :<select> <option>ganteng</option>

<option>ganteng sekali</option>

<option>ganteng dikit</option>

<option>ganteng banyak </option>

</select>

49. <p>

digunakan untuk membuat paragraph barucontoh :

<body>ini adalah paragraph pertama<p>

dan ini adalah paragraph kedua



50. <param>

digunakan untuk mendefinisikan parameter atau variabel untuk sebuah elemen object atau appletcontoh :<object classid="clsid:F08DF954-8592-11D1-B16A-00C0F0283628" id="Slider1" width="100"

height="50"> <param name="BorderStyle" value="1" />

<param name="MousePointer" value="0" />

<param name="Enabled" value="1" />

<param name="Min" value="0" />

<param name="Max" value="10" />

</object>

51. <pre>

digunakan untuk mendefinisikan preformat tekscontoh :

<pre>teks ini akan di cetak apa adanyaline baru inidan lain sebagainya</pre>

52. <q>

digunakan untuk mendefinisikan kutipan pada sebuah teks. tag ini akan menambahkan tada petik dua (quote)

pada teks yang di tandai. hampir semua browser mendukung tag ini, kecuali internet explorer contoh :yur4kh4 : <q> ganteng itu pilihan</q>

53. <s>

digunakan untuk membuat tanda coretan pada teks seperti halnya pada tag <del>contoh :<b>polling ganteng</b><br><s>november rain</s> faill...

54. <script>

digunakan untuk mendefinisikan client side scripting dalam dokumen HTML

contoh :<script type="text/javascript">document.write("Hello World!")</script>

55. <select>

digunakan untuk mendefinisikan dafta pilihancontoh :<select>

<option value="volvo">Volvo</option><option value="saab">Saab</option>

<option value="mercedes">Mercedes</option><option value="audi">Audi</option>

</select>



56. <small>

digunakan untuk mendefinisikan teks berukuran kecilcontoh :<small>teks ini akan di cetak kecil </small>

57. <span>digunakan untuk mendefinisikan bagian tertentu dari sebuah dokumen HTML. tag ini seringdigunakan denga CSScontoh :<p>My mother has <span class="blue">light blue</span> eyes.</p>

58. <strike>

digunakan untuk memberikan tanda coretan pada teks, seperti halnya pada <del> & <s><b>polling ganteng</b><br><strike>november rain</strike> faill...

59. <strong>digunakan untuk mempertegas tampilan suatu tekscontoh :kode dasar untuk membuat web adalah <stong>HTML</strong>

60. <style>

digunakan untuk mendefinisikan informasi style pada dokumen HTMLcontoh :<html><head><style type="text/css">h1 {color:red;}

p {color:blue;}</style>

</head>

<body><h1>Header 1</h1><p>A paragraph.</p></body></html>

61. <sub>

digunakan untuk memformat teks subscript (di bawah garis)contoh :kode kimia air adalah H<sub>2</sub>

62. <sup>

digunakan untuk memformat teks superscript (diatas garis)contoh :contoh persamaan kuadrat=X<sup>2</sup>+Y<sup>2</sup>+XY=0



63. <table>

digunakan untuk membuat tabel dalam halaman webcontoh :<table border="1">

<tr><th>Month</th>

<th>Savings</th></tr><tr><td>January</td><td>$100</td>

</tr></table>

64. <td>

digunakan untuk mendefinisikan kolom di dalam tabelcontoh :

<table border="1"><tr><th>Month</th><th>Savings</th>

</tr><tr>

<td>January</td>

<td>$100</td>

</tr></table>

65. <textarea>

digunakan untuk mendfinisikan multiline inputcontoh :<textarea rows="2" cols="20">salah satu aplikasi internet adalah webdan HTML adalah kode dasar untuk membuat web</textarea>

66. <th>

digunakan untuk mendfinisikan bagian atas dalam tabel

contoh :<table border="1"><tr>

<th>Month</th>

<th>Savings</th>

</tr><tr><td>January</td><td>$100</td>

</tr></table>



67. <title>

digunakan untuk mendefinisikan judul pada dokumencontoh :<title>welcome to my blog</title>

68. <tr>

digunakan untuk mendefinisikan baris dalam tabelcontoh :<table border="1"> <tr>

<th>Month</th><th>Savings</th>

</tr>

<tr>

<td>January</td><td>$100</td>

</tr>

</table>

69. <u>

digunakan untuk memberikan garis bawah pada teks (underline)contoh :<u>teks ini akan bergaris bawah</u>

70. <ul>

digunakan untuk membuat daftar yang tak berurut (unordered list) menggunakan simbol bulletscontoh :<ul>

<li>kopi</li><li>Teh</li><li>susu</li>

</ul>

71. <blink>

digunakan untuk membuat teks berkelipcontoh :<blink>teks ini akan kedap-kedip</blink>

72. <marquee>digunakan untuk membuat teks berjalancontoh :<marquee>teks ini akan berjalan dari kanan ke kiri</marquee>

Wallahul Muwaffiq Ila Aqwamutthariq,. Wassalamu'alaikum Wr. Wb

regards : yur4kh4

72 syntax dasarhtml

Documents