- Singkatan dari Hyper Text Markup Language
- Menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen.
Software yang diperlukan:
o
Text
editor sederhana, misalnya: Notepad, Notepad++
o
Web
browser untuk menampilkan dokumen web yang dibuat, misalnya: Internet Explorer,
Google Chrome, Opera dan Firefox.
Istilah-istilah dalam HTML:
· Tag
Digunakan untuk menentukan tingkah laku web browser. Dinyatakan dengan tanda lebih kecil “<” (tag awal) dan tanda lebih besar “>” (tag akhir). Tag kontainer:
Digunakan untuk menentukan tingkah laku web browser. Dinyatakan dengan tanda lebih kecil “<” (tag awal) dan tanda lebih besar “>” (tag akhir). Tag kontainer:
<namatag> . . . . . </namatag>
· Element
Jenis-jenis dari tag. HTML mempunyai banyak elemen untuk berbagai keperluan dengan berbagai bentuk penggunaan.
Jenis-jenis dari tag. HTML mempunyai banyak elemen untuk berbagai keperluan dengan berbagai bentuk penggunaan.
· Attribute
Digunakan untuk memodifikasi nilai dari elemen HTML. Suatu elemen biasanya
akan mempunyai banyak atribut.
Tag utama dalam struktur
dokumen HTML:
<html>
<!– untuk menyatakan suatu dokumen HTML -->
<head>
<!--
memberikan informasi mengenai dokumen HTML-->
<!--
tag-tag: TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE dan META -->
</head>
<body>
<!-- menyimpan informasi
atau data yang akan ditampilkan dalam dokumen HTML -->
</body>
</html>
Contoh HTML sederhana:
Simpan skrip di bawah
dengan file ekstensi .html (misal skrip di bawah diberi nama latihan.html)
<head>
<title> Belajar HTML </title>
</head>
<body>
Saya sedang belajar desain web menggunakan
HTML
</body>
</html>
Penggunaan komentar:
Format:
<! -- >
Fungsi:
ü
Memberi
nama web
ü Mendeskripsikan tujuan pengkodean tertentu
di dalam file
ü Memberi nama pengarang
ü Memberi tanggal pembuatan
ü Memberi nomer versi
ü Memberi informasi hak cipta
Fungsi Tag-tag dalam <body>:
ü
Untuk
warna latar belakang
ü Untuk paragraf
ü Untuk membuat table
ü Untuk list/daftar
ü Untuk pengaturan font
ü Untuk garis pemisah horizontal
ü Untuk menyisipkan gambar, audio, video
ü Untuk hypertext link
ü Dan lain-lain
Memberi background:
Menggunakan
warna
<body bgcolor=#nnnnnn> . . . .
. </body>
Note!
kode
warna dapat diketik dengan kode warna heksadesimal atau nama dari warna itu
sendiri.
Script:
<html>
<head>
</head>
<body bgcolor="tomato">
Saya sedang belajar desain web menggunakan HTML. Sekarang saya
sedang memberi warna background.
</body>
</html>
Menggunakan gambar
<body background=“nama_file_gambar”>
. . . </body>
Note!
Gambar
harus satu folder dengan file html yang kita buat
Script:
<html>
<head>
<title> Memberi
Background Gambar </title>
</head>
<body background="wood.jpg">
Saya sedang belajar desain web menggunakan HTML. Sekarang saya
sedang memberi background berupa gambar.
</body>
</html>
Thank you :)
BalasHapus