Posts
Sebelum belajar HTML kita harus mengenal dulu apa itu HTML ?
HTML atau kepanjangan dari HyperText Marksup Language merupakan salah satu
format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan
dihalaman. Sebenarnya, dokumen HTML
hanyalah sebuah dokumen teks biasa dan disebut sebagai Markup Language yakni bahasa yang mengandung tanda (tag) tertentu yang digunakan untuk mengatur
format tampilan suatu dokumen.
Untuk belajar HTML kita bisa memulai nya dengan menggunakan editor bisa menggunakan Notepad, Notepad++, Editplus atau pun editor lain yang anda suka , anda bisa download editor untuk pembuatan HTML yang anda mau di www.google.com.
Nah jika anda semua sudah mempunyai semua yang di butuhkan untuk belajar HTML, mari kita belajar dasar-dasar tentang HTML
Di dalam HTML ada 3 bagian penting
1. Tag
2. Attribut
3. Element
Fungsi Tag adalah sebagai penandaan yang dikenali oleh browser sebagai suatu instruksi untuk memformat tulisan,gambar, link,tabel atau objek dalam tampilan browser HTML.
contoh tag di HTML = <html>................</html>
Fungsi Attribut adalah sebagai perintah yang disisipkan sesudah tag
contoh attribut di HTML = <P align = "center">
untuk <P di sebut Tag dan untuk align="center" di sebut attribut
Fungsi Element adalah sebagai isi
contoh Element di HTML = <P align="center">ini adalah bla bla bla</p>
tulisan "ini adalah bla bla bla itulah yang dinamakan Element
Struktur Dasar Html
Dalam penggunaannya, sebagian besar kode HTML harus
terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan
diakhiri dengan </namatag> (terdapat tanda "/"). Struktur dasar
dokumen HTML berisi elemen-elemen atau tag sebagai berikut:
<html>
<head>
<title>Judul
Form/Caption</title>
</head>
<body>
ISI
WEB
</body>
</html>
Keterangan:
<html> .. </html> Mendefinisikan bahwa teks yang berada diantara kedua tag tersebut
adalah file HTML.
<head> ..
</head> Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK,
SCRIPT, STYLE & META.
<title> ..
</title> Sebagai titel atau judul halaman/form. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas
browser Anda (pada title bar).
<body> .. </body> Mendefinisikan teks beserta formatnya yang
hendak ditampilkan sebagai isi halaman web. Di dalam tag ini bisa diletakkan
berbagai page attribute seperti bgcolor,
background, text, link, vlink, alink, leftmargin dan topmargin.
Sekarang untuk latihan pertama kita, mari kita buat
dokumen HTML sederhana. Ikuti langkah-langkah berikut ini:
1. Buat direktori dengan nama latihan di drive C:.
Dan selanjutnya dalam direktori ini kita akan menyimpan semua file-file latihan
kita.
2. Buka Browser,
misalnya Internet Explorer atau Mozilla FireFox
3. Buka program aplikasi teks editor misalnya dalam
latihan ini adalah Notepad.
4. Mulai baris paling atas, tuliskan:
<html>
<head>
<title>halaman
pembuka</title>
</head>
</head>
<body>
Proyek
latihan pertama saya.
</body>
</html>
</html>
5. Simpan file anda dengan cara klik menu File
- Save
6. Selanjutnya pilih direktori latihan yang tadi kita buat.
7. Pada box File name, isikan nama filenya
dengan index.html
8. Pada drop down list di Save as type, pilih All Files.
Sehingga tampilannya seperti berikut:
Catatan:
1 Semua dokumen HTML mempunyai ekstensi .html (atau .htm)
1 Semua halaman web (homepage) mempunyai file index.html.
File index.html secara otomatis akan dipanggil ketika alamat sebuah domain atau
direktori tempat menyimpan file tersebut di buka di browser. Terdapat pengecualian pada microsoft yang
menggunakan web server IIS, file yang dipanggil adalah default.html