Hypertext Markup Language (HTML) adalah bahasa markup yang umum digunakan untuk membuat halaman web. Sebenarnya HTML bukanlah sebuah bahasa pemrograman. Apabila di tinjau dari namanya, HTML merupakan bahasa mark-up atau penandaan terhadap sebuah dokumen teks. Tanda tersebut di gunakan untuk menentukan format atau style dari teks yang di tandai.
Pada dasarnya elemen HTML ada 2 kategori:
- Elemen <head> berfungsi untuk memberikan informasi atau mendeklarasikan dokumen tersebut.
- Elemen <body> berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan pada browser.
Sebagian besar kode HTML harus terletak di antara tag kontainer. Yaitu di awali dengan <namatag> dan di akhiri dengan </namatag>.
Berikut adalah contoh HTML:
<html>
<head>
<title>Contoh HTML</title>
</head>
<body>inilah contoh kode HTML
</body>
</html>
<html>
<head>
<title>Contoh HTML</title>
</head>
<body>inilah contoh kode HTML
</body>
</html>
Bagi sobat blogger yang mampir ke blog ini dengan alasan sedang mencari pemahaman dasar serta contoh penerapan tag HTML, mungkin artikel ini akan cukup membantu sobat sekalian (harapan saya) hehehe... :D Karena postingan saya kali ini akan membahas dengan menyertakan contoh penerapan tag HTML dasar di dalam versi free ebooknya. Ada beberapa kategori tag HTML dasar (bagian-1). Pada bagian ini saya akan menjelaskan dan memberi contoh untuk menerapkan tag tersebut ke dalam halamanHTML.
Berikut adalah tag HTML dasar berdasarkan kategori penempatannya:
1. Document Outline
- <!DOCTYPE> (Versi dari (X)HTML)
- <html> (HTML document)
- <head> (Page information)
- <!-- Comment Text --> (Berfungsi sebagai penanda dan tidak akan tampil pada browser)
3. Page Information
- <meta> (Meta Data)
- <title> (Title)
- <style> (Style resource)
- <script> (Sript resource)
4. Document Structure
- <h[1-6]> (Heading)
- <div> (Page section)
- <span> (Inline section)
- <p> (Paragraph)
- <br /> (Line Break)
- <hr /> (Horisontal rule)
5. Links
- <a href=""> (Page link)
- <a href="mailto:"> (Email link)
- <a name="name"> (Anchor)
- <a href="#name"> (Link to anchor)
6. Text Markup
- <strong> (Strong emphasis)
- <em> (Emphasis)
- <blockquote> (Long quotation)
- <q> (Short quotation)
7. List
- <ol> (Ordered list)
- <ul> (Unordered list)
- <li> (List item)
8. Form
- <form> (Form)
- <fieldset> (Collection of field)
- <label> (Input label)
- <input /> (Form input)
- <select> (Drop-down box)
- <option> (Drop-down option)
- <textarea> (Large text input)
- <button> (Button)
9. Tables
- <table> (Table)
- <caption> (Caption)
- <tr> (Table row)
- <th> (Header cell)
- <td> (Table cell)
10. Image & Image Map
- <img> (Image)
- <map> (Image Map)
- <area> (Area of Image Map)
Untuk lebih lebih lengkapnya silahkan Anda baca versi e-booknya dengan cara mendownload versi e-book gratisnya di sini. Di dalam versi e-book tersebut juga telah saya sertakan contoh implementasi (penerapannya).