HTML atau kependekan dari Hypertext Markup Language merupakan bahasa paling dasar dalam pemrograman web. Versi bahasa HTML yang terbaru saat ini yaitu HTML 5 yang oleh Apple digunakan untuk melawan produk adobe yaitu Adobe Flash.
Namun yang digunakan pada tutorial kali ini adalah HTML 4. Karena perbedaan dari HTML 4 dan HTML 5 hanyalah penambahan syntax baru dan tidak ada perubahan pada syntax lama.
Struktur penulisan
<html>
<head>
<title></title>
</head>
<body>
<!-- Isi Dari Website -->
</body>
</html>
Element dan atribut<head>
<title></title>
</head>
<body>
<!-- Isi Dari Website -->
</body>
</html>
*Element adalah 1 markup html mulai dari pembuka hingga penutup.
Contoh :
<form>Isi</form>
*Attribute adalah parameter - parameter yang ada di dalam 1 markup html.
Contoh :
<form method="post" name="name"></form>
**Head
Head adalah markup html yang berisi informati tentang situs / web kita.
Contoh penulisan :
<head>
<title>Nama Situs</title>
<meta name="author" value="Anda"/>
<script type="text/javascript"><!-- Diisi dengan script javascript--></script>
<style type="text/css"><!-- Diisi dengan script css --></style>
</head>
**Body<title>Nama Situs</title>
<meta name="author" value="Anda"/>
<script type="text/javascript"><!-- Diisi dengan script javascript--></script>
<style type="text/css"><!-- Diisi dengan script css --></style>
</head>
Body adalah markup dari html yang merupakan induk dari content yang akan ditampilkan di dalam website. Semua yang kita tulis di dalam markup body inilah yang akan muncul di dalam page kita.
Contoh penulisan :
<body bgcolor="black">
<div id="header"></div>
<div id="frame">Isi</div>
<div id="footer"></div>
</body>
**<label> dan <span><div id="header"></div>
<div id="frame">Isi</div>
<div id="footer"></div>
</body>
Di dalam HTML suatu text yang ditulis diluar markup standart akan dianggap sebagai label atau text biasa. Namun mengapa terdapat markup <label> dan <span> yang berfungsi hampir sama dengan label. Ini nanti ada hubungannya dengan javascript yang akan dibahas di part selanjutnya.
Contoh penulisan :
<label></label>
<span></span>
**<div> (Panel)<span></span>
Div adalah suatu elemen yang berfungsi layaknya panel pada pemrograman desktop.
Contoh penulisan :
<div></div>
**<input>Markup input digunakan untuk menampilkan inputan pada halaman web kita. Ada beberapa macam inputan yaitu textfield, radio button, checkbox, file, submit, button, reset, password.
Biasanya markup ini ditaruh di dalam markup form karena markup form ini yang nantinya digunakan untuk mengirim data ke server.
Contoh penulisan textfield :
- <input type="text" id="id" name="name" value="Isi Default"/>
Contoh penulisan radio button :- <input type="radio" id="id1" name="radio" value="1">Pria
- <input type="radio" id="id2" name="radio" value="0">Wanita
* Khusus untuk radio button jika ingin meng-grup radio button tersebut berikan name yang sama pada radio button yg ingin di grup.- <input type="radio" id="id2" name="radio" value="0">Wanita
Contoh penulisan checkbox :
<input type="check" id="id" name="name" value="0">Lombok
Contoh penulisan upload file :- <input type="file" id="id" name="name">
Contoh penulisan submit :- <input type="submit" id="id" name="name" value="Send">
* Submit adalah markup HTML yang digunakan untuk mentrigger atau memicu pengiriman data ke server.Contoh penulisan button :
- <input type="button" id="id" name="name" value="tes">
* Button dan submit memiliki bentuk yang sama namun button tidak bisa digunakan untuk memicu pengiriman data ke server kecuali dengan bantuan AJAX* Reset ini digunakan untuk menghapus semua inputan atau biasa disebut clear. Inputan yang dihapus oleh reset ini adalah inputan yang berada 1 form dengan reset itu sendiri.
Contoh penulisan reset :
<input type="reset" id="id" name="name" value="Hapus"/>
Contoh penulisan password:<input type="password" id="id" name="name"/>
Untuk lebih jelas silahkan di print..
ReplyDelete