HTML dapat diterima sebagai tampilan halaman Web setelah melalui proses interpretasi dari Web browser. Selain itu HTML memiliki struktur yang fleksibel, tanpa lojik serta toleran terhadap kesalahan.
Standar Minimum elemen HTML:
- Document Type Declaration (DTD)
- Head
- Body
selengkapnya bisa anda baca. saya letakkan di bawah plus sama koding - kodingnya...
1.1. DTD
Sebagai standar versi dokumen W3C yang digunakan sebagai representasi setiap elemen pada dokumen Web,
Contoh:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
·<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR /xhtml1/DTD/xhtml1-transitional.dtd">
Standar tipe dokumen tersebut dapat digunakan untuk validasi elemen halaman Web.
1.2. Meta Dokumen
Elemen meta sebagai identitas dari halaman Web yang biasa terdiri dari owner, keywords, layout, ataupun inisialisasi proses seperti refresh.
Contoh:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
· <meta name="owners" content="myWeb" />
· <meta name="keywords" content="Sistem Informasi, Jurnal, Publikasi Ilmiah" />
· <meta name="layout" content="main" />
· <meta HTTP-EQUIV="REFRESH" content="0; url=/myweb/myurl">
1.3. Elemen HTML
Jenis-jenis elemen data yang akan ditampilkan pada halaman Web seperti: Form, Text, Image, Table, Drop-Box, Button dan lainnya.
Contoh:
· Title,
Ditampilkan pada header browser
<title>Praktikum Pemrograman Web</title> |
· Text
<h2>Web Ini Adalah Tutorial Pemrograman Web</h2>
<h3>Praktikum Pemrograman Web</h3>
<p> <a href="http://informatika.trunojoyo.ac.id"> Teknik Informatika UTM </a> </span> link for your success way </p>
|
· Image
<img src="images/myphoto.jpg" width="180" height="200" alt="photo"/> |
· Form
|
· Drop-Box
<option value=’CC’>Lab. Praktikum Common Computing</option>
<option value=’SI’> Lab. Sistem Informasi </option>
<option value=’CAI’> Lab. Computing & AI </option>
</select>
|
· File Browser
|
· Table
<thead>
<tr>
<th>NIM</th>
<th>Mahasiswa</th>
</tr>
</thead>
<tbody>
<tr>
<td>123</td>
<td>Ani Rahmawati </td>
</tr>
<tr>
<td>124</td>
<td>Budi Susilo</td>
</tr>
</tbody>
</table>
|
· List
untuk menampilkan list terdapat dua konsep yaitu :
1. kita bisa menggunakan konsep ordered list (ol)
2. kita bisa menggunakan konsep (unordered list)
apa bedanya? bedanya kalo kita ingin menampilkan dalam bentuk urutan, kita pakai yang "ol".
kalo kita pengen nampilin yang tidak terurut atau kalo do word kita sering sebut bullet, kita pakai yang konsep "ul"
<ol>
<li>Sistem Informasi
<ul>
<li>Data Warehousing </li>
<li>Enterprise Architecture </li>
</ul>
</li>
<li>Multimedia
<ul>
<li>Komputer Grafik </li>
<li>Machinema </li>
</ul>
</li>
</ol>
|
untuk postingan selanjutnya kita akan ketemu di sesi CSS.. (^_^)
