Disini saya akan memberi informasi tentang pengertian HTML dan juga atribut-atribut yang ada di dalamnya. Nah, sebelum masuk ke pembahasan saya akan memberikan sekilas tentang sejarah HTML, versi-versinya, dsb. Berikut adalah informasinya :
1. Sejarah HTML
HTML merupakan singkatan dari Hyper Text Markup Language. HTML merupakan standar bahasa markup yang digunakan untuk membuat halaman web. Seiring
dengan CSS, dan JavaScript, HTML adalah teknologi dasar, yang digunakan
oleh sebagian besar website untuk membuat halaman web secara visual
menarik, user interface untuk aplikasi web, dan user interface untuk
aplikasi mobile.
Web browser dapat membaca file HTML dan membuat
mereka menjadi halaman web terlihat atau terdengar. HTML menggambarkan struktur dari sebuah situs web semantik bersama
dengan isyarat untuk presentasi, membuatnya menjadi bahasa markup, bukan
bahasa pemrograman. Elemen HTML membentuk blok bangunan dari semua website.
HTML memungkinkan gambar dan objek yang akan tertanam dan dapat digunakan untuk membuat bentuk-bentuk interaktif. Ini menyediakan sarana untuk membuat dokumen terstruktur oleh
struktural menunjukkan semantik untuk teks seperti judul, paragraf,
daftar, link, kutipan dan item lainnya.Bahasa ini ditulis dalam bentuk elemen HTML terdiri dari tag diapit kurung sudut (seperti <html>). Browser tidak menampilkan tag HTML dan script, tetapi menggunakannya untuk menafsirkan isi halaman.HTML dapat menanamkan script yang ditulis dalam bahasa seperti JavaScript yang mempengaruhi perilaku halaman web HTML. Web browser juga dapat merujuk ke Cascading Style Sheets (CSS) untuk menentukan tampilan dan tata letak teks dan bahan lainnya. World
Wide Web Consortium (W3C), pengelola dari kedua HTML dan CSS standar,
mendorong penggunaan CSS lebih eksplisit HTML presentasi sejak tahun
1997.
2. Versi-Versi HTML
HTML juga memiliki versi yang beraneka ragam. Dan ini adalah versi-versinya :
a. Versi HTML1 ;
b. Versi HTML2 ;
c. Versi HTML3 dan 3.2 ;
d. Versi 4 ;
e. Versi 5 ;
3. Tag dalam HTML
HTML pasti juga memiliki atribut di dalamnya, berikut adalah tag yang ada di dalam HTML :
i. Tag Utama
<html>, <head>, <title>, <body>. Khusus untuk tag <body>, atribut yang ada di dalamnya yaitu (background, bgcolor, bgsound, font, link, alink, vlink, topmargin, leftmargin, marginheight, marginwidth).
ii. Modifikasi Teks
<b> (berfungsi untuk membuat teks tebal).
<i> (berfungsi untuk membuat teks miring).
<u> (berfungsi untuk membuat teks bergaris bawah).
<pre> (berfungsi untuk membuat tulisan yang sesuai kita ketik).
<h1> sampai <h6> (berfungsi untuk menentukan ukuran tulisan pada heading).
<sub> / subscript (berfungsi untuk membuat efek subscript).
<sup> / superscript (berfungsi untuk membuat efek superscript).
iii. Font
<font> </font>. Atribut yang ada di dalamnya antara lain : color, size, dan name. Tag <font> befungsi untuk mengubah gaya suatu huruf pada HTML.
iv. Links
<a> </a>. Atribut yang ada di dalamnya antara lain : href, target, style, class, name, id. Tag <a> berfungsi untuk membuat link ke dokumen / situs.
v. Images
<img>. Atribut yang ada di dalamnya antara lain : src, alt, name, border, height, weight. Tag <img> berfungsi untuk menampilkan gambar pada HTML.
vi. Formatting
<blockquote> (berfungsi untuk mengatur teks & gambar dalam suatu tag).
<ol> / Ordered List (berfungsi untuk memasukkan angka).
<ul> / Un-orderd List (berfungsi untuk memasukkan daftar dengan penanda simbol.
<hr> (berfungsi untuk membuat garis horizontal).
<br> (berfungsi untuk ganti baris).
<li> (berfungsi menambah daftar isi dari un-ordered list).
<dd> / Definition List (berfungsi untuk mendefinisikan deskripsi di dalam daftar definisi.
<dt> / Definition Term (berfungsi untuk mendefinisikan istilah di daftar definisi).
<p> (berfungsi untuk mengatur paragraf di dalam dokumen HTML).
<center> (berfungsi untuk menengahkan isi dari HTML).
vii. Tabel
<table> </table>. Atribut yang ada di dalamnya antara lain : border, cellspacing, cellpadding, width, height, name, id, title, bgcolor, align, valign. Tag <table> berfungsi untuk memasukkan tabel ke dalam HTML.
<tr> </tr>. Atribut yang ada di dalamnya antara lain : height, bgcolor, background, align, valign, title. Tag <tr> berfungsi untuk menambahkan baris baru di HTML.
<th> </th>. Atribut yang ada di dalamnya antara lain : height, width, bgcolor, background, align, valign, title, colspan, rowspan. Tag <th> berfungsi sebagai header/ kepala tabel & otomatis akan berada di posisi tengah & tebal.
<td> </td>. Atribut yang ada di dalamnya antara lain : height, width, bgcolor, background, align, valign, title, colspan, rowspan. Tag <th> berfungsi untuk membuat kolom.
<tbody> </tbody>. Atribut yang ada di dalamnya antara lain : height, width, align, valign, bgcolor, background. Tag <tbody> berlaku untuk format yang berlaku bagi cell yang diapit oleh tag.
<colgroup> </colgroup>. Atribut yang ada di dalamnya antara lain : height, width, align, valign, bgcolor, background, colspan. Tag <colgroup> berlaku untuk kolom.
viii. Form
<form> </form>. Atribut yang ada di dalamnya yaitu : method, action, name, enctype. Fungsi dari tag <form> yaitu untuk mengatur elemen dari form.
<input type="....">. Atribut yang ada di dalamnya antara lain : text, password, hidden, radio, checkbox, submit, image, reset. Fungsinya adalah membuat variasi dari tipe elemen input dalam form.
<select> </select>. Tag ini memiliki 2 atribut saja yaitu : name, dan size. Fungsi dari tag ini adalah membuat combo-box & digunakan bersama dengan option.
<option> </option>. Atribut yang ada di dalamnya antara lain : selected, name, value. Fungsi dari tag ini sudah tersedia di atasnya.
o
<textarea></textarea>. Ada 4 atribut yang ada di dalam tag ini, yaitu : name,
rows, cols, wrap. Fungsi dari tag ini adalah membuat textarea untuk input text dengan length yang lebih besar dari input text.
wrap. Ada 2 atribut yang terdapat pada tag ini yaitu : Offvirtual dan Physical. Tag yang satu ini sebenarnya tidak memiliki fungsi, tapi memiliki contoh berikut : - no wrapword sent as one line.
- word wrap, sent with breaks.
Pada intinya, Anda tidak menghafal semua atribut yang terdapat pada HTML. Namun hafalkan tag yang menurut Anda penting seperti <table>, <body bgcolor>, dll. mungkin itu yang bisa saya infokan kepada Anda, jika ada kesalahan dalam penulisan di dalam Blog ini saya mohon maaf. semoga informasi yang saya berikan bisa bermanfaat untuk Anda semua....:D
Sekian & Terima Kasih........
<hr> (berfungsi untuk membuat garis horizontal).
<br> (berfungsi untuk ganti baris).
<li> (berfungsi menambah daftar isi dari un-ordered list).
<dd> / Definition List (berfungsi untuk mendefinisikan deskripsi di dalam daftar definisi.
<dt> / Definition Term (berfungsi untuk mendefinisikan istilah di daftar definisi).
<p> (berfungsi untuk mengatur paragraf di dalam dokumen HTML).
<center> (berfungsi untuk menengahkan isi dari HTML).
vii. Tabel
<table> </table>. Atribut yang ada di dalamnya antara lain : border, cellspacing, cellpadding, width, height, name, id, title, bgcolor, align, valign. Tag <table> berfungsi untuk memasukkan tabel ke dalam HTML.
<tr> </tr>. Atribut yang ada di dalamnya antara lain : height, bgcolor, background, align, valign, title. Tag <tr> berfungsi untuk menambahkan baris baru di HTML.
<th> </th>. Atribut yang ada di dalamnya antara lain : height, width, bgcolor, background, align, valign, title, colspan, rowspan. Tag <th> berfungsi sebagai header/ kepala tabel & otomatis akan berada di posisi tengah & tebal.
<td> </td>. Atribut yang ada di dalamnya antara lain : height, width, bgcolor, background, align, valign, title, colspan, rowspan. Tag <th> berfungsi untuk membuat kolom.
<tbody> </tbody>. Atribut yang ada di dalamnya antara lain : height, width, align, valign, bgcolor, background. Tag <tbody> berlaku untuk format yang berlaku bagi cell yang diapit oleh tag.
<colgroup> </colgroup>. Atribut yang ada di dalamnya antara lain : height, width, align, valign, bgcolor, background, colspan. Tag <colgroup> berlaku untuk kolom.
viii. Form
<form> </form>. Atribut yang ada di dalamnya yaitu : method, action, name, enctype. Fungsi dari tag <form> yaitu untuk mengatur elemen dari form.
<input type="....">. Atribut yang ada di dalamnya antara lain : text, password, hidden, radio, checkbox, submit, image, reset. Fungsinya adalah membuat variasi dari tipe elemen input dalam form.
<select> </select>. Tag ini memiliki 2 atribut saja yaitu : name, dan size. Fungsi dari tag ini adalah membuat combo-box & digunakan bersama dengan option.
<option> </option>. Atribut yang ada di dalamnya antara lain : selected, name, value. Fungsi dari tag ini sudah tersedia di atasnya.
o
<textarea></textarea>. Ada 4 atribut yang ada di dalam tag ini, yaitu : name,
rows, cols, wrap. Fungsi dari tag ini adalah membuat textarea untuk input text dengan length yang lebih besar dari input text.
wrap. Ada 2 atribut yang terdapat pada tag ini yaitu : Offvirtual dan Physical. Tag yang satu ini sebenarnya tidak memiliki fungsi, tapi memiliki contoh berikut : - no wrapword sent as one line.
- word wrap, sent with breaks.
Pada intinya, Anda tidak menghafal semua atribut yang terdapat pada HTML. Namun hafalkan tag yang menurut Anda penting seperti <table>, <body bgcolor>, dll. mungkin itu yang bisa saya infokan kepada Anda, jika ada kesalahan dalam penulisan di dalam Blog ini saya mohon maaf. semoga informasi yang saya berikan bisa bermanfaat untuk Anda semua....:D
Sekian & Terima Kasih........
Tidak ada komentar:
Posting Komentar