H T M L
* Penjelasan Singkat
HTML atau Hyper Text Markup Language merupakan suatu bahasa pemrograman yang digunakan untuk membangun sebuah website. Ciri utama suatu website yang dibangun dengan HTML adalah digunakannya .html sebagai nama eksistensi file-file website tersebut.
* Software yang diperlukan dalam membuet website static
Editor : notepad, dreamweaver,
Browser : mozilla firefox, internet explorer,opera
* Struktur umum HTML
<html>
<head>
</head>
<body>
</body>
</html>
* 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 akan anda buat (pengembangan dari struktur umum HTML di atas)
Sebagai contoh :
<html>
<head>
<title>
Sulitnya Wanita Dimengerti
</title>
</head>
<body>
Seorang lelaki tanpa sengaja menemukan sebuah lampu ajaib dan menggosoknya. Dari dalamnya, keluarlah seorang jin yang
memberinya sebuah permintaan. Laki-laki ini berfikir keras. "Aku sangat ingin pergi ke HAwaii, tapi aku takut terbang dan
selalu mabuk laut. BAgaimana kalau aku kminta agar kau membuatkanku jembatan ke sana sehingga aku bisa pergi dengan
mobil.""Jembatan ke Hawaii?! Apa kau bercanda? Bagaimana aku bisa mendapat penyangga yang dapat sampai ke dasar samudera?
Terlalu banyak beton!" Lelaki ini akhirnya meminta agar ia dapat mengerti wanita. "Aku ingin tahu bagaimana sebenarnya
perasaan mereka ketika mereka membisu.., tahu mengapa mereka menangis.., tahu apa yang mereka inginkan ketika mereka tidak
memberitahu aku apa yang sebenarnya mereka inginkan... aku ingin tahu apa yang membuat mereka benar-benar bahagia." Si jin
diam sejenak dan akhirnya berkata "Kau mau jembatan itu berjalur dua atau empat?"
</body>
</html>
3. Simpanlah program tersebut.(Save as type: all files)
Misal : simpan dengan nama Latihan.html
4. Bukalah browser yang anda inginkan
Misal : Bukalah internet explorer dengan cara mengklik start>all programs>internet eksploer
5. Klik File>Open>Browse.Carilah file Latihan.html tersebut, kemudian klik.
6. Pada layar akan tampak tampilan hasil dari program yang telah anda buat.
* Contoh-contoh tag
Tag adalah suatu tanda suatu proses dimulai dan berakhir. Pada contoh dokumen di atas, terdapat beberapa contoh penggunaan tag. Diantaranya adalah:
<head> Mendefinisikan head document.
<body> Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
<html> Bararti dokumen html
Contoh lainnya:
<a href> Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
<b> Membuat teks tebal
<br> Pindah baris
<caption> Membuat caption pada tabel
<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
<table> Membuat tabel
<title> Mendefinisikan title
<tr> Baris pada tabel
<u> Membuat teks bergaris bawah
<td> Kolom pada tabel
Tidak ada komentar:
Posting Komentar