HTML (HyperText Markup Language) RAHMADY LIYANTANTO [email protected] liyantanto.wordpress.com
Pendahuluan HTML adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan.
Sejarah Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).
Versi terakhir dari HTML adalah HTML 4.01, meskipun saat ini telah berkembang XHTML yang merupakan pengembangan dari HTML.
Struktur HTML Belajar HTML <meta http-equiv="Content-Type"content="text/html; charset=UTF-8" />
Mengenal HTML
Belajar html ternyata mudah nich....
Struktur Terpenting
1. HTML
...
2. Head
...
3. Body
...
Pembahasan Tag HTML 1. DOCTYPE Tag dideklarasikan pada awal dokumen sebelum . Tag ini memberitahukan kepada browser tipe dokumen HTML apakah XHTML. Tag ini sifatnya optional, boleh ada atau tidak. (http://www.w3schools.com/tags/tag_doctype.asp)
dari HTML ada tiga model yaitu:
Strict--> pengecekan tag yg lebih teliti, gunakan tipe ini bersama dengan CSS.
HTML
4.01//EN"
Transitional--> gunakan tipe ini jika browser tidak dukung CSS.
Frameset--> gunakan tipe ini jika ada frame di dalam dokumen.
2. HEAD Tag berisi informasi mengenai judul/ title, tentang penulis, kata kunci, dll. Didalam terdapat tag child, antara lain yang sering dipakai adalah:
<TITLE> Untuk menampilkan judul halaman web Belajar HTML
<META> Digunakan untuk memberikan informasi tentang isi dari suatu halaman web yang akan ditampilakn oleh pengunjung. <meta name="description" content="Free Web tutorials on HTML, CSS, XML, and XHTML" /> <meta name="keywords" content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript" /> <meta http-equiv="refresh" content="5" /> (http://www.w3schools.com/tags/tag_meta.asp)
Digunakan untuk merelasikan file ke dalam dokumen.
<STYLE> Digunakan untuk mendefinisikan cascading style sheets (CSS) di dalam dokumen.
<SCRIPT> Digunakan untuk mendefinisikan skrip seperti JavaScript atau VBScript. <script type="text/javascript"> document.write("Hello World!")
3. BODY
HEADING Tag yang digunakan untuk membuat judul yang tebal, tag heading mempunyai beberapa level yaitu: ,,,,,
Belajar HTML
Tag line break digunakan untuk ganti baris. HTML CSS
FONT Tag digunakan untuk properti huruf This is some text!
TABLE
Tag
digunakan untuk membuat tabel biasanya diikuti oleh tag
dan
.
..
: untuk membuat judul tabel
...
: untuk membuat judul sel.
...
: untuk membuat baris.
...
: untuk membuat kolom.
FORM dan INPUT Tag form dan input digunakan secara bersama-sama untuk meminta masukan dari user untuk kemudian dikirim ke server. Tag → POST mengirimkan data secara terpisah → GET mengirimkan data pada server dengan cara meletakkan data pada bagian akhir URL yang ditunjuk
Tag memiliki beberapa tipe yaitu:
CENTER
Tag
digunakan untuk mengetengahkan text
HTML
Tag Komentar Untuk memberi komentar kita menggunakan tag
NOSCRIPT Digunakan untuk mengantisipasi jika JavaScript atau VBScript disable / mati.Contoh: <noscript>Wah JavaScript Mati Neh !!!
<small> tags
membuat huruf mono teks membuat huruf miring membuat huruf tebal membuat huruf lebih besar <small> membuat huruf lebih kecil
UL, OL, LI
→ UL (Unorder List) digunakan untuk membuat list tidak bernomer → OL (Order list) digunakan untuk membuat list ber-nomer → LI list
FRAME Digunakan untuk memberikan frame pada dokumen. Frame adalah area yang berisi halam web lain.
DIV
Digunakan untuk membuat area/ layout tertentu
Hallo world
Aturan Penulisan tag HTML Didalam penulisan tag HTML ada beberapa ketentuan yaitu:
Tag terbagi menjadi dua yaitu tag tunggal dan tag berpasang → Tag berpasang harus ditutup oleh pasangannya. Contoh:
...
,
...
→ Tag tuggal tidak boleh ditutup. Contoh: , ,
Tag HTML bersifat Case-Insensitif (Ditulis kapital atau kecil sama saja). Penulisan tag HTML boleh satu baris atau beberapa baris dengan konsekuensi jika ditulis satu baris besar ukuran file lebih kecil, namun sulit dibaca. Sedangkan ditulis dengan beberapa baris memakan ukuran file lebih besar, namun enak dibaca.
Penulisan simbol khusus diawali dengan huruf “&” dan ditutup dengan huruf “;”seperti
