HTML adalah bahasa markup yang umum digunakan. Kepopuleran HTML disebakan karena HTML ini mudah digunakan. Pembuatan dokument WEB dengan HTML dapat dilakukan dengan mudah dan cepat. Dokumen WEB dapat tersaji dengan cepat ke banyak pembaca di seluruh dunia sekaligus. HTML mudah melakukan kontrol terhadap tampilan halaman WEB baik berupa teks, gambar, suara, animasi maupun video.
HTML merupakan singkatan dari Hypertex Markup Language. HTML digunakan untuk membangun halaman WEB. Sekalipun banyak orang menyebutnya sebagai bahasa pemrograman, HTML sebenarnya sama sekali bukan bahasa pemrograman, hal ini terlihat dari namanya, HTML adalah suatu bahasa Markup. HTML digunakan untuk melakukan mark-up (penandaan) terhadap sebuah dokumen teks. Tanda tersebut digunakan untukmenentukan format atau style dari teks yang ditandai
halaman web dibangun oleh kode-kode HTML yang disebut juga dengan tag-tag HTML
Tag yang harus di miliki oleh halaman WEB adalah:
<HTML>
<HEAD>
<TITLE>Halaman WEB pertama saya</TITLE>
</HEAD>
<BODY>
Halo Dunia!
</BODY>
</HTML>
Di antara kedua tag tadi adalah tempat memasukkan apa saja ke dalam halaman web. Pada bagian HEAD, kita memberikan data mengenai dokumen kita. Tag penutup selalu ada pada halaman tersebut.
Paragraph/Baris Baru:
<P><BR>
Contoh:
<HTML>
<HEAD>
<TITLE>Halaman WEB pertama saya</TITLE>
</HEAD>
<BODY>
Halo Dunia!<p>
Halo semuanya<br>
Ini adalah halaman WEB saya. <br>
Saya sedang belajar membuat halaman WEB dengan kode HTML<p>
Salam!
</BODY>
</HTML>
Kumpulan Tag HTML
<!-- -->
Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
<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
Struktur Dasar HTML
Berikut ini adalah struktur dasar dari sebuah dokumen HTML. Warna yang sama menunjukan pasangan tag, dan warna disini hanyalah untuk mempermudah penglihatan saja.
<html>
<head>
... isi head
</head>
<body>
... isi body
</body>
</html>
Sebuah dokumen HTML terbagi dalam dua bagian utama yaitu bagian-head dan bagian-body. Setiap masing-masing bagian mempunyai tag tersendiri, bagian-head menggunakan tag <head> ... </head> dan bagian-body menggunakan tag <body> ... </body>.
Bagian-head berisi element yang bisanya berupa "prolog" untuk keseluruhan dokumen tersebut. Informasi semacam judul, nama penulis, versi, revisi dan informasi awal lainnya diletakan di bagian-head ini.
Bagian kedua, yaitu body yang di apit dengan tag <body> ... </body> berisi bagian utama dari dokumen HTML, seperti text atau tulisan, gambar, kontrol. Jadi apapun yang kamu buat dan ciptakan di sebuah halaman web, harus diletakkan di antara tag <body> dan </body>.
Langkah-Langkah Membuat Dokumen HTML dengan Editor Notepad
1. Buka aplikasi notepad
start => All Programs => Accsessories => Notepad
2. Buat struktur dasar HTML
3. Contoh html sederhana:
<HTML>
<HEAD>
<TITLE>webque</TITLE>
</HEAD>
<BODY>
ini pertama kali aku belajar HTML
</BODY>
</HTML>
4. Save
file => save as
dengan namafile bebas tetapi setelah namafile harus berekstensi .html,,caranya setelah nama tinggal ketik .html contoh : doyox.html
ubah file as type menjadi "all files"
encoding "ANSI"
save
5. tips
savelah pada sebuah folder khusus yang telah kita buat agar mudah mencari file Html tersebut.
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar