Minggu, 18 Desember 2016

Dasar-dasar HTML

Tags


HTML bukanlah sebuah bahasa pemrograman, hal ini dikarenakan HTML sendiri merupakan bahasa yang sangat sederhana sehingga kebanyakan programmer tidak sepakat menyebut HTML sebagai sebuah bahasa pemrograman. Bahkan dalam namanya sendiri, HTML (Hyper Text Markup Language), dijelaskan bahwa HTML merupakan bahasa penanda.
Apasih bahasa penanda itu? bahasa penanda adalah bahasa yang cara penulisan sintaksnya hanya dengan menanda. HTML merupakan bahasa dasar dari pemrograman web. meskipun sebagai bahasa dasar, HTML hanya bertugas untuk menandai apa-apa saja yang akan dieksekusi. Sedangkan untuk membuat gaya, ada bahasa tersendirinya, yaitu CSS. Adapun untuk pengolahan website berbasis klien kita bisa menggunakan Java Script dan JQuery (turunan dari Java Script). Untuk pengolahan website berbasis server kita bisa menggunakan PHP ataupun Perl. Sedangkan untuk pengolahan basis data, kita dapat menggunakan MySQLi atau Oracle.

1. Dasar-dasar HTML
1.1. Kerangka dasar HTML sebagai berikut:

<html>
   <head>

   </head>
   <body>

   </body>
</html>

Sintaks diatas merupakan sintaks dasarnya saja. <html></html> merupakan penanda awal dan akhirnya sebuah HTML, <head></head> merupakan penanda awal dan akhirnya sebuah penanda head, dan <body></body> merupakan sebuah penanda awal adan akhirnya sebuah penanda body.
Penanda head merupakan kepala dari sebuah halaman website. Dalam penanda head ini, kita dapat meletakkan penanda-penanda yang menjadi induk dari halaman web tersebut, seperti penamaan judul halaman <title>nama judul disini</title>, pemberian CSS <style type="text/css" rel="stylesheet"></style>, pemanggilan framework, dan lainnya.

Sintaks dasar HTML sebagai berikut:
<p> : menandakan sebuah paragaraf
<b> : menebalkan teks yang diapit
<strong> : fungsinya sama seperti <b>
<u> : menggaris bawahi teks yang diapit
<i> : memiringkan teks yang diapit
<em> : fungsinya sama seperti <em>
<div> : menandai sebuah teks dengan css ataupun dengan framework dengan garis baru setelahnya
<span> : menandai sebuah teks dengan css ataupun dengan framework dengan tidak membuat garis baru setelahnya
<table> : membuat tabel
<th> : sebagai penanda bagian kepala tabel (fungsi sama seperti td>
<tr> : sebagai penanda baris pada sebuah tabel
<td> : sebagai penanda kolom pada sebuah tabel
<img> : sintaks untuk menambahkan foto di halaman web.
<ul> : menandai awal dan akhir sebuah list (biasa dipakai untuk menu)
<li> : menandai awal dan akhir sebuah list (biasa dipakai untuk submenu). Berada dalam <ul>..</ul>
<ol> 
<dl>
<dd>
<dt>
<input type="" name="">  : memberi inputan sesuai dengan type yang diberikan. Contoh-contoh type diantaranya: "text", "password", "radio", "checkbox". Setiap inputan diharapkan diberi nama masing-masing yang berbeda, kecuali inputan radio.
<textarea cols="" rows=""> : memberikan ruang teks dengan ukuran yang diatur. Penggunaan sintaks ini biasa digunakan untuk bagian komentar.

2 komentar


EmoticonEmoticon