Pertemuan 1 & 2 06 Maret 2014
PENGANTAR HTML
HTML (hypertext markup language) merupakan suatu format yang digunakan dalam pembuatan
dokumen dan aplikasi yang berjalan di 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.
HTML sama sekali bukan bahasa pemrograman,
tapi merupakan bahasa markup
(penandaan), terhadap sebuah dokumen teks. Simbol markup yang digunakan oleh HTML
ditandai dengan tanda lebih kecil ( < ) dan tanda lebih besar ( > ) yang
biasa disebut tag.
Dokumen
HTML memiliki struktur dasar atau susunan file sebagai berikut :
•
<html>
•
<head>
•
<title>berisi 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>
Contoh Skrip Sederhana HTML
<html>
<head>
<title>Latihan-4:
Format Karakter</title>
</head>
<body
bgcolor=#000000 text=#FFFFFF>
<h1
align=center>
<font
color=#FFFF00 face=Arial>TOKO BUKU SERBA MURAH</
font></h1>
<hr
width=360 align=center>
<font
size=5><b>Toko kami menyediakan</b></font>
<p
align=left><font color=red><b><u>Alat
Tulis</u></b></font></p>
<p
align=left><i>Pensil<br>Ballpoint<br>Penggaris<br>Dll.</i></p>
<p
align=center>
<font
color=cyan><b><u>Buku-buku
Pelajaran</u></b></font></p>
<p
align=center>
<u><i>Ilmu
pasti<br>Ilmu
bumi<br>Sejarah<br>Dll.</i></u></p>
<p
align=right>
<font
color=lightgreen><b><u>Peralatan
Kantor</u></b></font></p>
<p
align=right>
<b><u><i>Meja<br>Kursi<br>File
manager<br>Dll.</i></u></b></p>
</body>
</html>
HTML FORMATTING
Pemformatan Karakter : font
pada halaman HTML dapat diformat sesuai
dengan desain yang ditentukan, baik ukuran,jenis,warna, dengan menggunakan tag
<font>
Atribut elemen font:
Size :
ukuran huruf default 3
Color : warna
Face : nama_huruf
Untuk Tulisan Berjalan & Bergerak Seperti Gelombang
<marquee
behavior=”alternate” direction=”down” height=”50”> <marquee direction=”right”>Text
yang akan dibuat berjalan</marquee></marquee></font></h1>
Untuk Tulisan Berjalan Apabila Di klik Mouse Berhenti
<marquee
direction=”left” scrollamout=”3” onmouseover=”this.stop()” onmouseout=”this.start()”
Text yang akan di buat berjalan</marquee>
Untuk Membuat Tulisan Bergerak Kebawah
<marquee
behavior=”alternate” direction=”down” height=”200”>Text yang akan di buat
bergerak</marquee>
Tidak ada komentar:
Posting Komentar