P. 1
72 Syntax DasarHTML

72 Syntax DasarHTML

|Views: 62|Likes:
Published by Odi Saputra

More info:

Published by: Odi Saputra on Feb 16, 2012
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

11/10/2012

pdf

text

original

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 tulis oleh komunitas ewolf, yang kemudian setelah saya cek ternyata “mungkin” buku itu mengutip pada link 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 ada alasan untuk tidak memahami perintah dasar ini jika ingin menjadi seorang programmer. Semoga apa yang saya tuliskan ini bisa bermanfaat untuk teman-teman semua (amin),

. <acronym> digunakan untuk mendefinisikan sebuah singkatan.1. biasanya digunakan sebagai signature pada halaman web contoh : .--> digunakan untuk menuliskan komentar contoh: <!--ini adalah contoh komentar saya dan tidak akan di tampilkan di browser--> 3. digunakan untuk membuat link ke dokument lainmenggunakan atribut href dan juga untuk membuat bookmark dokumen menggunakan atribut name. <abbr> digunakan untuk menampilkan informasi pada saat pointer mouse diletakkan pada teks yang ditandai. <!--.uni. <address> digunakan untuk mendefinisikan informasi kontak pada halaman web.w3. contoh <body> <a href="http://devirakhjib.. <a> mendefinisikan tag anchor. contoh : <body> hari-hari bersama <acronym>title="facebook"></acronym> sungguh mengasikkan </body> 7. contoh : <body> <abbr title="hypertext markup language">HTML</abbr> adalah kode dasar untuk membuat web. struktur dasar kode HTML : <html> <head> <!-ini adalah bagian header--> <title>ini adalah judul</title> </head> <body> <!-ini tempat menuliskan kode--> </body> </html> 2. </boody> 6.0 Transitional//EN" "http://www. informasi akan muncul pada saat pointer mouse diletakkan pada teks yang ditandai. tetapi merupakan instruksi untuk web browser tentang versi bahasa markup yang digunakan contoh : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.cc/"> blog ganteng</a> </body> 5. <!DOCTYPE> deklarasi ini bukan termasuk tag HTML.dtd"> 4.org/TR/xhtml1/DTD/xhtml1-transitional.

html" alt="dera" /> <area shape="circle" coords="124. <bdo> digunakan untuk menentukan arah teks contoh : <bdo> dir="ltr" contoh teks LTR (left to right) </bdo> 12.1 </address> </body> 8.info/" /> <base target="_blank" /> </head> <body> <img src="daribelakang.58.img" widh="200" height="4000" alt="yur4kh4" usemap="#siganteng" /> <map name="asli ganteng"> <area shape="rect" coords="0.82.58.tux-family.yur4kh4ganteng.com/" /> </body> 11.1. <b> digunakan untuk mencetak tebal suatu teks contoh : <b>ini beneran huruf tebal</b> 10.com" > kirim email</a><br> alamat : malang cyber telp : 192.<body> <address>yur4kh4<br> <a href="mailto:yur4kh4@tux-family.html" alt="yur4kh4" /> </map> 9.168.3" href="dera. <area> digunakan untuk mendifinisikan daerah (area) pada pemetaan gambar contoh : <img src="" alt="yur4.4" href="yur4. <base> digunakan untuk mendefinisikan link default dalam sebuah halaman web.img" /> <a href="http://www. <big> digunakan untuk membuat teks berukuran besar contoh : <big>ini kata besar</big> .html" alt="devirakhjib" /> <area shape="circle" coords="90.0. tag ini diletakkan pada bagian head contoh : <head> <base href="http://www.126" href="devirakhjib.

<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. <caption> digunakan untuk mendifinisikan judul pada tabel contoh : <table border="1" > <caption>daftar situs</caption> <tr> <th>berita</th> <th>belanja</th> </tr> <td>detik</td> <td>jam</td> </tr> </table> . yang di dalamnya merupakan tempat untuk meletakkan elemn-elemen HTML lainnya contoh : <html> <head> <title>ini percobaan</title> </head> <body> <!--disini lah anda akan menuliskan kode-kode HTML lainnya--> </body> </html> 15.13. browser anda akan menambahkan spaci kosong sebelum dan sesudah elemen ini. <blockquote> HTML adalah dasar untuk membuat web HTML adalah dasar untuk membuat web HTML adalah dasar untuk membuat web </blockquote> 14. <body> digunakan untuk mendefinisikan badan HTML. <button> digunakan untuk mendefinisikan sebuah tombol contoh : <button type="submit">klik disini untuk mengirim</button> 17. <blockquote> digunakan untuk mendefinisikan pendapat (quote) yang panjang.

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.<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. <code> digunakan untuk mendifinisikan teks yang berisi kode-kode komputer contoh : <code>ini teks yang katanya adalah kode-kode komputer</code> 21."></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> .18. <center> digunakan untuk menampilkan teks di tengah halaman contoh : <center>yur4kh4 memang sangat ganteng sekali</center> 19. <cite> digunakan untuk mendefinisikan kutipan contoh : <cite>yur4kh4 ganteng</cite> semua itu bohong 20. atribut lain. hanya atribut width pada tag <col> yang dapat berfungsi.

<dir> digunakan untuk membuat daftar judul dari sebuah direktori / folder contoh : <dir> <li>html</li> <li>css</li> <li>php</li> </dir> 27. atribut lain. <dfn> digunakan untuk mendefinisikan sebuah istilah contoh : <dfn>devirakhjib</dfn> merupakan gabungan nama orang ganteng & orang cantik 26. <div> digunakan untuk mendefinisikan bagian dari sebuah halaman web. safari.</table> catatan : browser firefox. seringkali digunakan untuk mengelompokkan elemen-elemen HTML dengan format style tertentu.. <dl> digunakan untuk membuat sebuah daftar definisi (definition list yang terdiri dari beberapa item contoh : <dl> <dt>daftar makanan</dt> <dd>ayam bakar</dd> .. <dd> digunakan untuk membuat daftar item pada sebuah definisi list contoh : <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 teks contoh : <b>polling ganteng</b><br> <del>november rain</del> faill. hanya mendukung atribut span dan width pada tag <colgroup>. 25. seperti align pada contoh di atas tidak berfungsi 23. contoh : <div style="color:#0000FF"> <h3>ini adalah judul</h3> <p>ini adalah paragraph</p> </div> 28. chrome.

.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> . <font> digunakan untuk mendefinisikan huruf (jenis. <form> digunakan untuk mendefinisikan sebuah form masukan dari pengguna contoh : <form action="daftar. <dt> digunakan untuk membuat daftar item dari sebuah definition list contoh : <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.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!</font> 33.hidup.. <em> digunakan untuk menekankan sebuah teks contoh : <em>yur4kh4</em> ini memang benar-benar anak yang ganteng 31. <fieldset> digunakan untuk mengelompokkan beberapa elemen dalam sebuah form contoh : <form> <fieldset> <legend>buku tamu</legend> nama : <input type="text" size="30" /><br> email: <input type="text" size="30" /><br> </fieldset> </form> 32.<dd>ayam goreng</dd> <dt>daftar minuman</dt> <dd>jus darah</dd> <dd>jus darah lagi</dd> </dl> 29.

htm" /> <frame src="frame_b. <hr> digunakan untuk mendefinisikan sebuah garis horizontal dalam halaman HTML contoh : salah satu aplikasi internet adalah web<hr> HTML adalah kode dasar untuk membuat web .50%.25%"> <frame src="frame_a.htm" /> </frameset> </html> 36. <frameset> digunakn untuk mendefinisikan sebuah frameset.htm" /> <frame src="frame_b. <frame> digunakn untuk mendefinisikan sebuah jendela (windows) tertentu dalam sebuah frameset contoh : <html> <frameset cols="25%. dan tiap-tiap fram memiliki file yang berbeda-beda. contoh : <html> <frameset cols="25%.htm" /> <frame src="frame_c. <head> dugunakan untuk mendefinisikan bagian atas (head) sebuah dokumen HTML.34.50%. bagian ini biasanya digunakan untuk mendefinisikan tag <base> <link> <meta> <script> <style> dan <title> contoh : <head> <title> welcome to my blog</title> </head> 38. <h1> sampai dengan <h6> digunakan untuk mendefinisikan bagian atas (heading) teks. tiap frameset dapat terdiri dari 2 atau lebih frame.htm" /> <frame src="frame_c.25%"> <frame src="frame_a.htm" /> </frameset> </html> 35. 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.

htm" alt="Mercury" /> <area shape="circle" coords="124.8" href="venus.CSS.0.58. <meta> digunakan untuk mendeskripsikan metadata sebuah dokumen HTML contoh : <head> <meta name="description" content="Free Web tutorials" /> <meta name="keywords" content="HTML. <menu> digunakan untuk membuat daftar menu contoh : <menu> <li>html</li> <li>xhtml</li> <li>css</li> </menu> 43.JavaScript" /> <meta name="author" content="Hege Refsnes" /> <meta http-equiv="content-type" content="text/html. browser anda tidak mendukung frames! . <map> digunakan untuk pemetaan gambar contoh : <img src="planets.25%"> <frame src="frame_a.50%.82.126" href="sun.htm" alt="Venus" /> </map> 42. <noframes> digunakan untuk mengantisipasi jika browser tidak mendukung penggunaan frame contoh : <html> <frameset cols="25%.htm" /> <noframes> upsz.htm" /> <frame src="frame_b.htm" alt="Sun" /> <area shape="circle" coords="90.39.charset=UTF-8" /> </head> 44. <i> digunakan untuk mencetak miring teks contoh : <i> teks ini akan menjadi miring</i> 40 <link> digunakan untuk mendefinisikan tautan (link) antara halaman dengan sumber lain contoh : <head> <link rel="stylesheet" type="text/css" href="theme.3" href="mercur.css" /> </head> 41.58.gif" width="145" height="126" alt="Planets" usemap="#planetmap" /> <map name="planetmap"> <area shape="rect" coords="0.htm" /> <frame src="frame_c.XML.

<p> digunakan untuk membuat paragraph baru contoh : <body> ini adalah paragraph pertama<p> dan ini adalah paragraph kedua . <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. <noscript> digunakan untuk mengantisipasi jika browser tidak mendukung penggunaan client side scripting atau jika fitur script dinonaktifkan contoh : <script type="text/javascript"> document. <optgroup> digunakan untuk mengelompokkan beberapa daftar pilihan contoh : <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. cek pengaturan!</noscript> 46. <ol> digunakan untuk membuat daftar order (order list) daftar bisa berupa nomer atau alfabeth contoh : <ol> <li>kopi</li> <li>Teh</li> <li>susu</li> </ol> 47.write("Hello World!") </script> <noscript>browser anda tidak mendukung javascript.</noframes> </frameset> </html> 45.

<pre> digunakan untuk mendefinisikan preformat teks contoh : <pre> teks ini akan di cetak apa adanya line baru ini dan lain sebagainya </pre> 52. <s> digunakan untuk membuat tanda coretan pada teks seperti halnya pada tag <del> contoh : <b>polling ganteng</b><br> <s>november rain</s> faill.. hampir semua browser mendukung tag ini. <param> digunakan untuk mendefinisikan parameter atau variabel untuk sebuah elemen object atau applet contoh : <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.write("Hello World!") </script> 55.. kecuali internet explorer contoh : yur4kh4 : <q> ganteng itu pilihan</q> 53. tag ini akan menambahkan tada petik dua (quote) pada teks yang di tandai.50. <script> digunakan untuk mendefinisikan client side scripting dalam dokumen HTML contoh : <script type="text/javascript"> document. <select> digunakan untuk mendefinisikan dafta pilihan contoh : <select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select> . 54. <q> digunakan untuk mendefinisikan kutipan pada sebuah teks.

<style> digunakan untuk mendefinisikan informasi style pada dokumen HTML contoh : <html> <head> <style type="text/css"> h1 {color:red. <sub> digunakan untuk memformat teks subscript (di bawah garis) contoh : kode kimia air adalah H<sub>2</sub> 62.} </style> </head> <body> <h1>Header 1</h1> <p>A paragraph. 59. <strike> digunakan untuk memberikan tanda coretan pada teks.} p {color:blue. seperti halnya pada <del> & <s> <b>polling ganteng</b><br> <strike>november rain</strike> faill.</p> </body> </html> 61.56.. <sup> digunakan untuk memformat teks superscript (diatas garis) contoh : contoh persamaan kuadrat=X<sup>2</sup>+Y<sup>2</sup>+XY=0 . tag ini sering digunakan denga CSS contoh : <p>My mother has <span class="blue">light blue</span> eyes..</p> 58. <strong> digunakan untuk mempertegas tampilan suatu teks contoh : kode dasar untuk membuat web adalah <stong>HTML</strong> 60. <small> digunakan untuk mendefinisikan teks berukuran kecil contoh : <small>teks ini akan di cetak kecil </small> 57. <span> digunakan untuk mendefinisikan bagian tertentu dari sebuah dokumen HTML.

<td> digunakan untuk mendefinisikan kolom di dalam tabel contoh : <table border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table> 65.63. <textarea> digunakan untuk mendfinisikan multiline input contoh : <textarea rows="2" cols="20"> salah satu aplikasi internet adalah web dan HTML adalah kode dasar untuk membuat web </textarea> 66. <table> digunakan untuk membuat tabel dalam halaman web contoh : <table border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table> 64. <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> .

<marquee> digunakan untuk membuat teks berjalan contoh : <marquee>teks ini akan berjalan dari kanan ke kiri</marquee> Wallahul Muwaffiq Ila Aqwamutthariq. <title> digunakan untuk mendefinisikan judul pada dokumen contoh : <title>welcome to my blog</title> 68. <blink> digunakan untuk membuat teks berkelip contoh : <blink>teks ini akan kedap-kedip</blink> 72. <u> digunakan untuk memberikan garis bawah pada teks (underline) contoh : <u>teks ini akan bergaris bawah</u> 70. Wassalamu'alaikum Wr.67. <ul> digunakan untuk membuat daftar yang tak berurut (unordered list) menggunakan simbol bullets contoh : <ul> <li>kopi</li> <li>Teh</li> <li>susu</li> </ul> 71.. Wb regards : yur4kh4 . <tr> digunakan untuk mendefinisikan baris dalam tabel contoh : <table border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table> 69.

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->