Tutorial Perintah Dasar HTML
Kali ini saya akan membagikan beberapa trik dasar HTML untuk membuat kutipan (quote), untuk membuat coretan pada tulisan, untuk memberikan seleksi pada tulisan, untuk memberikan daftar pilihan, untuk membuat teks berukuran kecil, untuk mempertegas tulisan,untuk membuat tulisan bergaya decrease, untuk membuat tulisan bergaya increase untuk mempermudah dalam menggunakan file HTML silahkan gunakan tutorial ini.
1. <q>
Digunakan utnuk mendefinisikan kutipan pada sebuah taks. Tag ini akan menambahkan tanda petik dua (quote) pada taks yang ditandai. Hampir semua browser mendukung tag ini, kecuali Internet Explorer.
Contoh:
Bill gates: <q> if you can’t make it good, at least make it look good.</q>
1. <q>
Digunakan utnuk mendefinisikan kutipan pada sebuah taks. Tag ini akan menambahkan tanda petik dua (quote) pada taks yang ditandai. Hampir semua browser mendukung tag ini, kecuali Internet Explorer.
Contoh:
Bill gates: <q> if you can’t make it good, at least make it look good.</q>
2. <s>
Digunakan untuk membuat tanda coretan pada teks seperti halnya pada tag. <de>
Contoh:
<b> Khusus promo..</b><br>
Harga normal <s>Rp.150.000</s> Harga diskon <ins>Rp. 130.000</ins>
3. <script>
Digunakan untuk mendefinisikan client side scripting dalam dokumen HTML.
Contoh:
<script type=”teks/javascript”>
Document.write(“ini adalah javascript”)
</script>
<noscript>
Browser anda tidak mendukung javascript,periksa kembali pengaturan browser
</noscript>
4. <select>
Digunakan untuk mendefinisikan daftar pilihan.
Contoh:
<select>
<option value=”kaskus”>kaskus</option>
<option value=”tokopedia”>Toko Pedia</option>
<option value=”ilmukomputer”>Ilmu Komputer</option>
<option value=”Barangbagus”>Barang Bagus</option>
</select>
Digunakan untuk membuat tanda coretan pada teks seperti halnya pada tag. <de>
Contoh:
<b> Khusus promo..</b><br>
Harga normal <s>Rp.150.000</s> Harga diskon <ins>Rp. 130.000</ins>
3. <script>
Digunakan untuk mendefinisikan client side scripting dalam dokumen HTML.
Contoh:
<script type=”teks/javascript”>
Document.write(“ini adalah javascript”)
</script>
<noscript>
Browser anda tidak mendukung javascript,periksa kembali pengaturan browser
</noscript>
4. <select>
Digunakan untuk mendefinisikan daftar pilihan.
Contoh:
<select>
<option value=”kaskus”>kaskus</option>
<option value=”tokopedia”>Toko Pedia</option>
<option value=”ilmukomputer”>Ilmu Komputer</option>
<option value=”Barangbagus”>Barang Bagus</option>
</select>
5. <small>
Digunakan untuk mendefinisikan teks berukuran kecil.
Contoh:
<small> HTML ini merupakan kode dasar untuk membuat web</small>
Digunakan untuk mendefinisikan teks berukuran kecil.
Contoh:
<small> HTML ini merupakan kode dasar untuk membuat web</small>
6. <span>
Digunakan untuk mendefinisikan begian tertentu dari sebuah dokumen HTML. Tag ini sering digunakan bersama dengan CSS.
Contoh:
<head>
<style type=”teks/css”>
Span.blue { color:lightskyblue;font-weight:bold}
</style>
</head>
<body>
Kode dasar untuk membuat web adalah
<span class=”blue”>HTML</span>
</body>
Digunakan untuk mendefinisikan begian tertentu dari sebuah dokumen HTML. Tag ini sering digunakan bersama dengan CSS.
Contoh:
<head>
<style type=”teks/css”>
Span.blue { color:lightskyblue;font-weight:bold}
</style>
</head>
<body>
Kode dasar untuk membuat web adalah
<span class=”blue”>HTML</span>
</body>
7. <strike>
Digunakan untuk membuat tanda coretan pada teks seperti halnya pada tag <del> atau <s>.
Contoh:
<b> Khusus promo bulan ini…</b></br>
Harga normal <strike>Rp. 150.000</strike>
Harga diskon <ins>Rp. 130.000</ins>
8. <strong>
Digunakan untuk mempertegas tampilan suatu teks.
Contoh:
Kode dasar untuk membuat web adalah
<strong>HTML</strong>
Digunakan untuk mempertegas tampilan suatu teks.
Contoh:
Kode dasar untuk membuat web adalah
<strong>HTML</strong>
9. <style>
Digunakan untuk mendefiniskan informasi style pada dokumen HTML.
Contoh:
<head>
<style type=”teks/css”>
Span.blue {color:lightskyblue;font-weight:bold}
</style>
</head>
<body>
Kode dasar membuat web adalah
<span class=”blue”>HTML</span>
</body>
10. <sub>
Digunakan untuk memformat teks subscript (di bawah garis)
Contoh:
Kode kimia air adalah H<sub>2</sub>O
11. <sup>
Digunakan untuk memformat teks superscript ( di atas garis)
Contoh:
Contoh persamaan kuadrat = X<sup>2</sup>+Y<sup>2</sup>+XY=0
Digunakan untuk memformat teks superscript ( di atas garis)
Contoh:
Contoh persamaan kuadrat = X<sup>2</sup>+Y<sup>2</sup>+XY=0
12. <table>
Digunakan untuk membuat table dalam halaman web.
Contoh:
<table border=”1”>
<caption> Daftar Situs</caption>
<tr>
<th>Forum</th>
<th>Belanja</th>
</tr>
<tr>
<td>Kaskus</td>
<td>Toko Pedia</td>
</tr>
</table>
Digunakan untuk membuat table dalam halaman web.
Contoh:
<table border=”1”>
<caption> Daftar Situs</caption>
<tr>
<th>Forum</th>
<th>Belanja</th>
</tr>
<tr>
<td>Kaskus</td>
<td>Toko Pedia</td>
</tr>
</table>
13. <td>
Digunakan untuk mendefinisikan kolom dalam tabel.
Contoh:
<table border=”1”>
<caption>Daftar Situs</caption>
<tr>
<th>Forum</th>
<th>Belanja</th>
</tr>
<tr>
<td>Kaskus</td>
<td>Toko Pedia</td>
</tr>
</table>
14. <textarea>
Digunakan untuk mendefinisikan multiline input.
Contoh:
<textarea rows=”2” cols=”30”>
Salah satu aplikasi internet adalah web
HTML adalah kode dasar untuk membuat web
</textarea>
Digunakan untuk mendefinisikan kolom dalam tabel.
Contoh:
<table border=”1”>
<caption>Daftar Situs</caption>
<tr>
<th>Forum</th>
<th>Belanja</th>
</tr>
<tr>
<td>Kaskus</td>
<td>Toko Pedia</td>
</tr>
</table>
14. <textarea>
Digunakan untuk mendefinisikan multiline input.
Contoh:
<textarea rows=”2” cols=”30”>
Salah satu aplikasi internet adalah web
HTML adalah kode dasar untuk membuat web
</textarea>
15. <th>
Digunakan untuk mendefinisikan bagian atas dalam tabel.
Contoh:
<table border=”1”>
<caption>Daftar Situs</caption>
<tr>
<th>Berita</th>
<th>Belanja</th>
</tr>
<tr>
<td>Kaskus</td>
<td>Toko Pedia</td>
</tr>
</table>
16. <title>
Digunakan untuk mendefinisikan judul pada dokumen HTML.
Contoh:
<head>
<title> Judul Web</title>
</head>
Digunakan untuk mendefinisikan judul pada dokumen HTML.
Contoh:
<head>
<title> Judul Web</title>
</head>
17. <tr>
Digunakan untuk mendefinisikan baris dalam tabel.
Contoh:
<table border=”1”>
<caption>Daftar Situs</caption>
<tr>
<th>Forum</th>
<th>Belanja</th>
</tr>
<tr>
<td>Kaskus</td>
<td>Toko Pedia</td>
</tr>
</table>
Digunakan untuk mendefinisikan baris dalam tabel.
Contoh:
<table border=”1”>
<caption>Daftar Situs</caption>
<tr>
<th>Forum</th>
<th>Belanja</th>
</tr>
<tr>
<td>Kaskus</td>
<td>Toko Pedia</td>
</tr>
</table>
18. <u>
Digunakan untuk menambah garis bawah suatu teks.
Contoh:
<u>Perintah untuk membuat garis bawah (underline) </u>
Digunakan untuk menambah garis bawah suatu teks.
Contoh:
<u>Perintah untuk membuat garis bawah (underline) </u>
19. <ul>
Digunakan untuk membuat daftar yang tak berurutan (unordered list) menggunakan simbol bullets.
Contoh:
<ul>
<li> web mandiri</li>
<li>blogger</li>
<li>facebook</li>
</ul>
Digunakan untuk membuat daftar yang tak berurutan (unordered list) menggunakan simbol bullets.
Contoh:
<ul>
<li> web mandiri</li>
<li>blogger</li>
<li>facebook</li>
</ul>
Demikianlah tutorial HTML kali ini semoga dapat membantu teman – teman dalam membuat program web.
EmoticonEmoticon