HTML

Pengertian HTML

            HTML (HyperText Mark up Language) merupakan suatu metoda untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen. HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena sifatnya yang hanya memberikan tanda (marking up) pada suatu naskah teks dan bukan sebagai program.

Berdasarkan kata-kata penyusunnya HTML dapat diartikan lebih dalam lagi menjadi :

Hypertext
Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita tuju.

Markup
Pada pengertiannya di sini markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada World Wide Web.

Language
Meski HTML sendiri bukan merupakan bahasa pemrograman, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format suatu naskah atau dokumen

Kumpulan Tag HTML
1. (!-- --) Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan  terlihat pada browser
2. (a href) Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
3. (a name) Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
4. (applet) Sebagai awal dari Java applets
5. (area) Mendefinisikan daerah yang dapat diklik (link) pada image map
6. (b) Membuat teks tebal
7. (basefont) Membuat atribut teks default seperti jenis, ukuran dan warna font
8. (bgsound) Memberi (suara latar) background sound pada halaman web
9. (big) Memperbesar ukuran teks sebesar satu point dari defaultnya
10. (blink) Membuat teks berkedip
11.(body) Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
12.(br) Pindah baris
13.(caption) Membuat caption pada tabel
14.(center) Untuk perataan tengah terhadap teks atau gambar
15.(comment) Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
16.(dd) Indents teks
17.(div) Represents different sections of text.
18.(embed) Menambahkan sound or file avi ke halaman web
19.(fn) Seperti tag (a name)
20.(font) Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
21.(form) Mendefinisikan input form
22.(frame) Mendefinisikan frame
23.(frameset) Mendefinisikan attribut halaman yang akan menggunakan frame
24.(h1 ... h6) Ukuran font
25.(head) Mendefinisikan head document.
26.(hr) Membuat garis horizontal
27.(html) Bararti dokumen html
28.(i) Membuat teks miring
29.(img) Image, imagemap atau an animation
30.(input) Mendefinisikan input field pada form
31.(li) Membuat bullet point atau baris baru pada list (berpasangan dengan tag (dir), (menu) (ol) and (ul)
32.(map) Mendefinisikan client-side map
33.(marquee) Membuat scrolling teks (teks berjalan) - hanya pada MS IE

34.(nobr) Mencegah ganti baris pada teks atau images
35.(noframes) Jika browser user tidak mendukung frame
36.(ol) Mendefinisikan awal dan akhir list
37.(p) Ganti paragraf
38.(pre) Membuat teks dengan ukuran huruf yg sama
39.(script) Mendefinisikan awal script
40.(table) Membuat tabel
41.(td) Kolom pada tabel
42.(title) Mendefinisikan title
43.(tr) Baris pada tabel
44.(u) Membuat teks bergaris bawah

Pengertian istilah TAG, ATRIBUT dan VALUE dalam HTML

Ø  TAG

Adalah penandaan yang dikenali oleh browser sebagai suatu instruksi untuk memformat tulisan, gambar, link, tabel, atau objek pada sebuah tampilan dokumen HTML.TAG biasanya dituliskan berpasangan, maksudnya adalah memberitahukan kepada browser dimana posisi awal dan posisi akhir sebuah format dokumen.

Contoh penggunaan TAG yang sering digunakan :

Tag HTML                                                                 Fungsi

 <font></font>                                               Mengubah jenis, warna, ukuran 

                                                                     tulisan

 <b></b> atau <strong></strong>                 Teks tebal

 <i> </i> atau <em></em>                               Teks miring

 <u> </u>                                                       Teks garis bawah

 <pre></pre>                                                Preformatted teks

 <h1></h1>                                                     Heading 1

 <h2></h2>                                                    Heading 2

 <h3> </h3>                                                   Heading 3

                                                 Subscript

                                                 Superscript

 <ol><li></li></ol>                                          Penomoran

 <ul><li></li></ul>                                          Bullet

 <marquee></marquee>                               Teks Berjalan

Banyak lagi TAG lainya.

Apakah ada TAG yang tidak berpasangan? Jawabanya ADA. Apa Saja?

Tag HTML                 Fungsi

<br />             Berpindah baris

<hr />             Membuat garis horizontal

<img ... />       Memasukkan gambar

<meta .../>      Menyisipkan informasi halaman

Mungkin ada yang lainya..

Ø  ATRIBUT

Atribut dalam HTML adalah perintah yang disisipkan/ditempelkan pada TAG utama yang tujuanya adalah mengatur bentuk/gaya tampilan sebuah objek. Contoh penggunaan atribut yang ditempelkan pada H1 :

<h1 align="center">Saya Belajar Tag HTML</h1>

Anda lihat diatas, kita membuat tulisan dengan tampilan heading 1 (judul) dan kemudian ditempelkan atribut align yang fungsinya mengatur letak horizontal di layar.

Sebuah TAG boleh menggunakan lebih dari 1 atribut yang relevan. Contoh :

<font size="3" face="arial" color="red">Merdeka atau Mati</font>

Contoh TAG font diatas menggunakan atribut size (ukuran) dan face(jenis huruf) dan color(warna tulisan).

Yang saya maksud relevan adalah, sebuah TAG tidak bisa diberikan atribut diluar kemampuanya. Contoh : TAG font tidak bisa ditempelkan atribut align, karena : font adalah bentuk huruf bukan format tulisan, sebaliknya seperti itu, h1 tidak bisa diberi atribut face karena h1 adalah format tulisan bukan bentuk huruf. Trus bagaimana jika ingin menggabung keduanya?? Biasanya dituliskan dengan cara :

<h1><font face="arial">Saya belajar Tag</font></h1>

Ø  VALUE

Value adalah nilai yang diberikan pada sebuah atribut. Value ada beberapa jenis, bisa value text seperti left, right, center, red, blue, bisa juga angka 1, 2, 3, bisa juga bentuk pixel : 100, 200, atau bentuk persen 100%, 30%, ada juga yang bentuk hexa seperti warna yang ditulis color="#000" dll.

Untuk value juga harus relevan, tidak bisa sembarangan. Contoh : align (ini untuk mengatur posisi) tidak boleh ditulis align="1" atau sebaliknya size="center".

Catatan :

Jika kita mengikuti perkembangan TAG HTML memang kadang sedikit membingungkan apalagi sekarang perbendaharaan TAG sudah bertambah dengan hadirnya HTML5, ditambah lagi dengan dukungan CSS. Tapi TAG-TAG yang lama masih berlaku dengan baik, walaupun dari segi penulisan sudah tidak efisien lagi karena sekarang sudah digantikan dengan penggunaan CSS yang bisa lebih mudah dan sempurna.

Sumber :

http://wwwmyori.blogspot.com/

http://www.zainalhakim.web.id/posting/pengertian-istilah-tag-atribut-value-html.html