Pengenalan
HTML
Html (hypertext markup language) digunakan untuk membangun suatu halaman
web. Dokumen HTML adalah suatu dokumen teks biasa dan disebut markup language karena menggunakan
tanda-tanda tertentu yang disebut tag untuk
mengatur bagaimana suatu dokumen ditampilkan pada browser.
4 . Tag Dasar HTML
4.1 HTML
Tag ini merupakan suatu keharusan
bagi pemrogram web untuk menuliskannya sebagai tag pertama dalam dokumen html.
Penulisan tag seperti berikut ini
: <html> pada awal dokumen dan </html> pada akhir dokumen
4.2 Head
Penulisan tag seperti berikut ini
: <head> di awal setelah <html> dan </head>
di akhir section head.
4.2 title
Tag digunakan untuk memberi judul dokumen dan terletak di dalam head.
Penulisan tag ini : <title>Judul Dokumen</title>
4.3 BODY
Semua
informasi yang akan ditampilkan, mulai dari teks, gambar, sound, dan lain-lain,
akan ditempatkan di bagian ini. Berikut ini adalah penulisannya diawali
oleh tag <body> dan ditutup </body>.
HTML memiliki struktur dasar atau
susunan file sebagai berikut:
<html>
<head>
<title>
teks yang akan muncul pada title bar
browser</title>
</head>
<body>
berisi teks, gambar, atau apapun
yang ingin ditampilkan pada halaman web ada pada bagian ini.
</body>
</html>
Berikut ini adalah tag-tag untuk
membuat paragraph dan break:
·
Bgcolor
: menentukan warna latar belakang.
·
Text
: menentukan teks
·
<h..>
: membuat heading sebuah dokumen dan di tutup dengan </h..>
·
<br>
: membuat garis baru
·
<p>membuat
paragraph baru.
·
Align
: posisi text di sekitar gambar, nilainya adalah top, middle, bottom, left,
right.
·
Width
: lebar gambar dalam satuan pixel
·
Tag <hr
/> :membuat garis batas horizontal, tidak memerlukan penutup < /hr >
Penerapan
Latihan 1 :
<html>
<head>
<title>latihan
-1:paragraph dan break</title>
<body
bgcolor=#99066 text=#FFCFF>
<h1>Toko
Buku Serba Murah</h1>
<hr
width=50% align=left>
<h2>Toko
Kami Menyediakan</h2>
<h3>Alat
Tulis</h3>
<p>Pensil<br>Ballpoint<br>penggaris<br>Dll.</p>
<h3>Buku
Pelajaran</h3>
<p>Ilmu
Pasti<br>Ilmu alam<br>Dll.</p>
</body>
</html>
Untuk
Menampilakan Image : <img src=nsms filr gambar>
Untuk
membuat link : <a href=Url
tujuan>hypertext
Marquee
adalah Untuk membuat tulisan atau gambar yang berjalan
Tag <Center>, text untuk rata tengah
Src:
menunjuk kepada URL atau directori lokasi gambar
Latihan 2
<html>
<head>
<title>latihan -2
:menggunakan link dan image </title>
</head>
<body bgcolor=#99066
text=#FFCFF>
< a name=”atas”>bagian ini dinamai dengan
atas</a><br>
<a href=”http//www.amikom.ac.id. kampusku
</a><br>
<p>memasukkan gambar
<br></p>
<marquee><img src=nama gambar.jpg width=”450” height=”600”
align=”center”/><\marquee>
</body>
</html>
