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>
Mickey Mouse
</title>
</head>
<body>
Tahukah Anda binatang apa yang paling popular di dunia? Ternyata, binatang paling terkenal adalah tikus. Tapi, yang membuat terkenal binatang yang dianggap menjijikkan dan mengganggu itu bukan karena keberadaannya jenisnya yang tersebar di seluruh dunia. Tapi, binatang ini menjadi sangat terkenal karena ia menjadi sosok kartun bernama Mickey Mouse. Dan, semua itu berkat jasa penciptanya yaitu Walt Disney.
5. Klik File > Open > Browse.
Carilah file MickeyMouse.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
0 komentar:
Posting Komentar
jangan lupa komen euy ^^