1. Pengertian HTML
HTML (Hiper Text Mark Languange) adalah Bahasa Pemrograman Web yang berisi kode-kode atau tag-tag yang nantinya dituliskan dalam sebuah file (Notepad, Ms FrontPage, Dreamweaver) untuk menampilkan halaman di web browser. Namun untuk pemula lebih baik menggunakan teks editor yang simple yaitu Notepad. Tag-tag HTML selalu diawali dengan tanda <...> dan diakhiri dengan tanda </...> (... tersebut adalah tag yang nantinya kita gunakan).
Dalam pembelajaran HTML lebih baik anda langsung mempraktekkannya bukan hanya membaca atau membayangkannya saja karena itu hanya akan membuat anda menjadi bingung. Dan agar lebih mudah copy paste kan saja tag HTML nya ke file notepad.
Sebuah halaman website akan diawali dengan tag <html> dan diakhiri </html>. File-file HTML selalu berekstensi *.htm atau *.html. Jadi semisal anda membuat naskah dan menyimpannya dengan ekstensi *.html maka anda membuat file yang berformat HTML.
2. Kumpulan Tag - Tag HTML
<!-- --> = Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
<!DOCTYPE> = Mendefinisikan informasi tipe dokumen
<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
<abbr> = Menampilkan informasi saat pointer mouse diletakkan pada teks yang ditandai
<acronym> = Mendefinisikan sebuah singkatan
<address> = Mendefinisikan informasi kontak pada halaman web
<applet> = Sebagai awal dari Java Applets
<area> = Mendefinisikan daerah yang dapat diklik (link) pada image map
<b> = Membuat teks tebal
<base> = Mendefinisikan halaman link default
<basefont> = Membuat atribut teks default seperti jenis, ukuran dan warna font
<bdo> = Menentukan arah teks
<bgsound> = Memberi (suara latar) background sound pada halaman web
<big> = Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink> = Membuat teks berkedip
<blockquote> = Mendefinisikan pendapat yang panjang
<body> = Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
<br> = Pindah baris
<button> = Mendefinisikan judul pada table
<caption> = Membuat caption pada tabel
<center> = Untuk perataan tengah terhadap teks atau gambar
<cite> = Mendefinisikan kutipan
<code> = Mendefinisikan teks berisi kode komputer
<col> = Mendefinisikan nillai atribut kolom pada table
<colgroup> = Mengelompokkan kolom pada table untuk keperluan format table
<comment> = Meletakkan komentar pada halaman web
<dd> = Indents teks
<del> = Mendefinisikan teks yang dihapus atau docoret
<dfn> = Mendefiniskan sebuah istilah
<dir> = Memuat daftar judul dari direktori
<div> = Represents differenntar sections of text
<dl> = Membuat sebuah daftar definisi
<dt> = Membuat daftar item dari <dl>
<em> = Menekankan sebuah teks
<embed> = Menambahkan sound or file avi ke halaman web
<fieldset> = Mengelompokkan beberapa elemen dari form
<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> = Berarti 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>)
<link> = Mendefinisikan link antara halaman dengan sumber
<map> = Mendefinisikan client-side map
<marquee> = Membuat scrolling teks (teks berjalan) - hanya pada MS IE
<menu> = Membuat daftar menu
<meta> = Mendeskripsikan metadata
<nobr> = Mencegah ganti baris pada teks atau images
<noframes> = Jika browser user tidak mendukung frame
<noscript> = Digunakan jika browser tidak mendukung script
<ol> = Mendefinisikan awal dan akhir list
<optgroup> = Mengelompokkan beberapa daftar pilihan
<option> = Menampilkan daftar pilihan
<p> = Ganti paragraf
<param> = Mendefinisikan parameter atau variable
<pre> = Membuat teks dengan format yang sama dengan apa yang ditulis
<q> = Mendefinisikan kuotes/kutipan
<s> = Membuat tanda coretan
<script> = Mendefinisikan awal script\
<select> = Mendefinisikan daftar pilihan
<small> = Mendefinisikan teks berukuran kecil
<span> = Mendefinisikan bagian tertentu dari dokumen HTML
<strong> = Mempertegas tampilan suatu teks
<style> = Mendefinisikan informasi style
<sub> = Memformat teks subscript
<sup> = Memformat teks superscript
<table> = Membuat tabel
<td> = Mendefinisikan kolom dalam table<textarea> = Mendefinisikan multiline input
<th> = Mendefinisikan bagian atas dalam table
<title> = Mendefinisikan judul
<tr> = Mendefinisikan baris dalam table
<u> = Membuat teks bergaris bawah
<ul> = Membuat daftar yang tak berurut
& = Untuk menyisipkan Dan (&)
© = Untuk menyisipkan hak cipta atau copyright (©)
> = Untuk menyisipkan kurung tutup (>)
< = Untuk menyisipkan kurung buka (<)
± = Untuk menyisipkan tanda Plus Minus (±)
" = Untuk menyisipkan tanda petik ganda (")
® = Untuk menyisipkan terdaftar atau registered (®)
3. Struktur Text HTML HTML
Untuk menuliskan tag-tag seperti diatas harus diawali tag <html> dan </html> diakhir. Lalu diikuti dengan tag <head> sebagai Judul Websitenya dan diakhiri </head>. Setelah itu baru tag <body> untuk isi dari websitenya dan diakhiri tag </body>
Jika belum paham contohnya seperti dibawah
Struktur Penggunaan Text HTML :
<html>
<head>
<title>Judul Website</title>
</head>
<body>
<b>Isi Website</b> </br >
Ini lagi belajar HTML bla bla bla...
</body>
</html>
Dan hasilnya nanti akan seperti ini
Tidak ada komentar:
Posting Komentar