HTML adalah singkatan dari HyperText Markup Languge. HTML merupakan file teks yang ditulis menggunakan aturan-aturan kode tertentu untuk kemudian disajikan ke user melalui suatu aplikasi web browser. Setiap informasi yang tampil di web selalu dibuat menggunakan kode HTML.
Tidak ada aturan yang baku untuk penamaan suatu dokumen HTML. Artinya, kita bebas memilih nama untuk dokumen tersebut. Hanya ekstensinya saja yang perlu diperhatikan. Suatu file teks akan dianggap sebagai dokumen HTML jika memiliki ekstensi “.htm” atau “.html”.
Secara umum, dokumen HTML terbagi atas dua bagian, yaitu bagian header (kepala) dan body (badan).Bagian header diawali dengan tag <head> dan diakhiri dengan tag </head>, sedangkan bagian body diawali dengan tag <body> dan ditutup dengan tag </body>. Kedua bagian tersebut diapit oleh tag <HTML> dan</HTML>, yang digunakan untuk menandai bahwa dokumen yang kita buat adalah dokumen HTML.
Dokumen HTML dibuat menggunakan tag-tag khusus, dan dengan aturan yang khusus pula.Terdapat beberapa hal yang perlu diperhatikan dalam penggunaan tag di dalam dokumen HTML, yaitu : Tag HTML selalu diapit oleh tanda kurung siku, < dan > Meskipun kode HTML tidak bersifat case sensitive (membedakan penggunaan huruf besar dan kecil), namun tag HTML sebaiknya ditulis menggunakan huruf kecil.
Tag HTML pada umumnya berpasangan, seperti: tag <html> berpasangan dengan tag </html>,<head> berpasangan dengan </head>, dan masih banyak lagi contoh tag berpasangan lainnya. Namun, ada juga beberapa tag yang tidak memiliki pasangan, misalnya tag <br>, <hr>, <input>, <meta>, dan lain-lain. Untuk menandai bahwa tag tersebut tidak memiliki pasangan, maka sebaiknya kita membubuhkan tanda slash (garis miring) dibelakang tag tersebut, misalnya <br />,<hr />.
lUntuk pengunaan tag bersarang, maka penulisannya harus terurut. Sebagai contoh :
<b>Anda harus <i>belajar</i> dengan giat.</b> Pada contoh di atas, di dalam tag <b> terdapat penggunaan tag lain lagi, yaitu tag <i>. Dalam kasus ini, tag <i> harus ditutup (menggunakan tag </i>) terlebih dahulu sebelum kita menutup tag <b> (menggunakan tag </b>).
Pada umumnya, tag-tag dalam HTML memiliki beberapa atribut yang nilainya bisa ditentukan sesuai keperluan. Atribut suatu tag harus ditulis di dalam tag bersangkutan (sebelum tanda >). Contoh : <body bgcolor=“#fffeee” alink=“#cccccc”> Pada contoh kode di atas, kita menentukan atribut bgColor dan alink dari tag <body>. Atribut bgColor digunakan untuk menetukan warna layar (background) dari suatu halaman web dan alink digunakan untuk menentukan warna link yang aktif dalam suatu halaman web, sedangkan #fffeee dan #cccccc merupakan nilai dari atribut tersebut.Bahwa bentuk umum penulisan atribut dari suatu tag adalah sebagai berikut :
<namaTag atribut1=“NilaiAtribut1” atribut2=“NilaiAtribut2”…>
Contoh kode yang akan menunjukkan penggunaan atribut bgColor di dalam tag <body>.
Sumber:https://pistolair05.wordpress.com/materi-kuliah-sistem-operasi/pengenalan-html/
contoh tampilan HTML:
Source code HTML:
| <!– –> | Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat padabrowser |
| <a href> | Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut |
| <a name> | Membuat nama bagian yang didefinisikan pada link pada halaman yang sama |
| <applet> | Sebagai awal dari Java applets |
| <area> | Mendefinisikan daerah yang dapat diklik (link) pada image map |
| <b> | Membuat teks tebal |
| <basefont> | Membuat atribut teks default seperti jenis, ukuran dan warna font |
| <bgsound> | Memberi (suara latar) background sound pada halaman web |
| <big> | Memperbesar ukuran teks sebesar satu point dari defaultnya |
| <blink> | Membuat teks berkedip |
| <body> | Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link |
| <br> | Pindah baris |
| <caption> | Membuat caption pada tabel |
| <center> | Untuk perataan tengah terhadap teks atau gambar |
| <comment> | Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser |
| <dd> | Indents teks |
| <div> | Represents different sections of text. |
| <embed> | Menambahkan sound or file avi ke halaman web |
| <fn> | Seperti tag <a name> |
| <font> | Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks |
| <form> | Mendefinisikan input form |
| <frame> | Mendefinisikan frame |
| <frameset> | Mendefinisikan attribut halaman yang akan menggunakan frame |
| <h1> … <h6> | Ukuran font |
| <head> | Mendefinisikan head document. |
| <hr> | Membuat garis horizontal |
| <html> | Bararti dokumen html |
| <i> | Membuat teks miring |
| <img> | Image, imagemap atau an animation |
| <input> | Mendefinisikan input field pada form |
| <li> | Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> ) |
| <map> | Mendefinisikan client-side map |
| <marquee> | Membuat scrolling teks (teks berjalan) – hanya pada MS IE |
| <nobr> | Mencegah ganti baris pada teks atau images |
| <noframes> | Jika browser user tidak mendukung frame |
| <ol> | Mendefinisikan awal dan akhir list |
| <p> | Ganti paragraf |
| <pre> | Membuat teks dengan ukuran huruf yg sama |
| <script> | Mendefinisikan awal script |
| <table> | Membuat tabel |
| <td> | Kolom pada tabel |
| <title> | Mendefinisikan title |
| <tr> | Baris pada tabel |
| <u> | Membuat teks bergaris bawah |
Tidak ada komentar:
Posting Komentar