Tutorial HTML
Kali
ini kita akan membahas mengenai fungsi script HTML : Huruf Cetak Miring,
Memberikan Tautan, Menampilkan Peta, membuat menu, membuat order list (ol),
Option dan option group berfunsi mengelompokkan pilihan, membuat paragraf, dan
juga membuat preformat teks.
1. <i>
Digunakan
untuk mencetak miring suatu teks.
Contoh:
<i>
Teks ini tercetak miring (italic)</i>
2. <link>
Digunakan
untuk mendefinisikan tautan (link) antar halaman dengan sumber lain.
Contoh:
<head>
<link
ref =”stylesheet” type=”text/css” href=”them.css”/>
</head>
3. <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=”matahari.htm” alt=”matahari”/>
<area
shape=”circle” coords=”90,58,3” href=”mercurius.htm” alt=”mercurius”/>
<area
shape=”circle” coords=”124,58,8” href+”venus.htm” alt=”venus”/>
</map>
4. <menu>
Digunakan
untuk membuat daftar menu.
Contoh:
<menu>
<li>html</li>
<li>xhtml</li>
<li>css</li>
<menu>
5.<meta>
Digunakan
untuk mendeskripsikan metadata sebuah dokumen html.
Contoh:
<html>
<head>
<meta name=”deskripsi”
content=”pemrograman web”/>
<meta
name=”kunci”content=”HTML,CSS,XML,JavaScript”/>
<meta name=”pembuat” content=”Libsnake”/>
<meta http-equiv=”content-type”
content=”text/html;charshet=ISO-8787-9”/>
<head>
6. <noframes>
Digunakan
utnuk mengantisipasi jika browser tidak mendukung penggunaan frame.
Contoh:
<frameset
cols=”24%,50%,25%”>
<frame src=”frame_a.htm”/>
<frame src=”frame_b.htm”/>
<frame src=”frame_c.htm”/>
<frame src=”frame_c.htm”/>
<noframes>
Maaf, Broser anda tidak mendukung frame
</noframes>
</frameset>
7. <nocript>
Digunakan
untuk mengantisipasi jika fitur browser tidak mendukung client side scripting
atau jika fitur script dinonaktifkan.
Contoh:
<script
type+”text/javascript”>
Document.srite(“ini
adalah javascript”)
</script>
</script>
<noscript>
Browser anda tidak mendukung javascript,
periksa kembali pengaturan browser
</noscript>
8. <ol>
Digunakan
untuk membuat daftar order (ordered list). Daftar bisa berupa nomor atau
alfabet.
Contoh:
<ol>
<li> web pribadiku</li>
<li>blog</li>
<li>facebook</li>
</ol>
9.
<optionsroup>
Digunakan
untuk mengelompokkan daftar pilihan.
Contoh:
<select>
<optgroup label=”situs berita”>
<option value=”detik”>
Detik</option>
<option
value=”viva”>VIVA News</option>
</optgroup
label=”belanja”>
<option
value=”glodokshop”>Glodok Shop</option>
<option
value=”bhineka”>Bhineka</option>
</optgroup>
</select>
10. <option>
Digunakan
utnuk menampilkan daftar pilihan.
Contoh:
<select>
<option
value=”detik”>Detik</option>
<option
value=”viva”>VIVA News</option>
<option
value=”glodokshop”>Glodokshop</option>
<option
value=”bhineka”>Bhineka</option>
</select>
11. <p>
Digunakan
untuk membuat paragraf baru.
Contoh:
<body>
Salah
satu aplikasi internet adalah web <p> HTML adalh kode dasar untuk membuat
web
</body>
12.
<param>
Digunakan
untuk mendefinisikan parameter atau variabel untuk sebuah elemen objek applet.
Contoh:
<object classid=”clsid:F08DF954-8592-11D1-B16A-00C0F0283628” id=”slider1” width=”100” height=”50”>
<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>
13. <pre>
Digunakan
untuk mendefinisikan preformat teks.
Contoh:
<pre>
Teks
dalam tag ini akan tampil seperti adanya
dengan
spasi dan jarak
yang
tetap tanpa adanya perubahan format
</pre>
dimikianlah beberapa perintah HTML yang dapat teman - teman terapkan di website yang teman - teman bikin, semoga bermanfaat..
EmoticonEmoticon