Kamis, 13 November 2008

HTML

A. Pengertian Singkat HTML
HTML merupakan singkatan dari Hyper Text Markup Language. HTML yaitu suatu bahasa pemrogaman yang digunakan untuk membangun sebuah website. Ciri utama suatu website yang dibangun dengan HTML adalah digunakannya .html sebagai nama ekstensi file-file website tersebut.

B. Software yang diperlukan dalam membuat website static
a. Editior : Notepad, Macromedia Dreamwaver
b. Browser : Mozilla Firefox, Internet Explorer, Opera, Google Chrome

C. Struktur Umum HTML
<html>
<head>
<title> Website Sederhana </title>
</head>
<body>
Contoh membuat website sederhana
</body>
</html>

D. Langkah-langkah membuat dokumen HTML dengan editor Notepad dan cara penyimpanannya
1. Bukalah aplikasi Notepad.
caranya dengan mengklik Start > All programs > Accessories > Notepad
2. Ketiklah program yang ingin Anda susun.
contoh :
<html>
<head>
<title>
Warna Kepompong Kupu-Kupu
</title>
</head>
<body>
Umumnya, warna kepompong dipengaruhi oleh tempat hidup larva sebelum menjadi kepompong. Jika sebelum menjadi kepompong, larva berada diatas ranting yang berwarna hijau, kebanyakan kepompongnya akan berwarna hijau seperti daun. Sekalipun demikian, banyak pula kepompong yang berwarna cokelat. Hal ini namanya pengaruh daun. Jadi, warna kepompong yang serupa dengan warna sekitarnya akan membuat sulit ditemukan oleh musuh-musuhnya.<br&lg
</body>
</html>
3. Simpanlah program tersebut. (Save as type: all files)
Misal : simpan dengan nama Kepompong1.html
4. Bukalah browser yang Anda inginkan
caranya :
Bukalah Internet Explorer dengan cara klik Start > All Programs > Internet Explorer
5. Klik File > Open > Browse.
Carilah file Kepompong1.html tersebut, kemudian klik.
6. Pada layar akan tampak tampilan hasil dari program yang telah Anda buat.

E. Contoh tag-tag yang digunakan
Tag adalah suatu tanda dalam suatu proses dimulai dan berakhir.
Beberapa contoh tag html yaitu sebagai berikut :
<html> Berarti dokumen html
<head> Mendefinisikan head document.
<title> Mendefinisikan title
<body> Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
<a href> Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
<br> Pindah baris
<center> Untuk perataan tengah terhadap teks atau gambar
<font> Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
<h1> ... <h6> Ukuran font
<hr> Membuat garis horizontal
<i> Membuat teks miring
<img> Image, imagemap atau an animation
<marquee> Membuat scrolling teks (teks berjalan) - hanya pada MS IE
<p> Ganti paragraf
<tr> Baris pada tabel
<big> Memperbesar ukuran teks sebesar satu point dari defaultnya
<caption> Membuat caption pada tabel
<table> Membuat tabel
<td> Kolom pada tabel
Diposting oleh di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)