HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web.Untuk membangun serta melihat tampilan homepage hasil kreasi kita, diperlukan dua media pendukung. yaitu browser dan html editor.
Browser yang dapat digunakan antara lain Interet Explorer, Mozilla firefox, Opera, Google Chrome dan yang lainnya.Sedangkan html editor yang digunakan adalah notepad, notepad plus-plus atau dengan menekan tombol windows + R (secara bersamaan), kemudian ketikan notepad ada juga yang biasanya menggunakan Macromedia Dreamweaver.
Struktur umum HTML adalah :
<html>
<head>
<title>Website Sederhana</title>
</head>
<body bgcolour="warna">
isi dari website anda
</body>
</html>
Langkah-langkah membuat HTML dengan notepad, sebagai berikut :
1. Pertama-tama bukalah aplikasi notepad pada accessories jika tidak ada pilih run dan ketik notepad
2. Setelah terbuka ketiklah struktur umum HTML dengan tag yang diinginkan
3. Kemudian simpan dengan mengubah save as type menjadi all file dan simpan dalam folder yang telah ditentukan (contoh: lat1.html)
4. Untuk melihat hasilnya kita bisa mengklik data yang kita simpan di notepad tadi.
Berikut tag yang biasanya digunakan dalam notepad :
1. <html>.......</html> -> nama dokumen html
2. <head>.......</head> -> mendefinisikan head document
3. <title>......</title> -> untuk menambahkan judul
4. <fonttype="arial"size="22"color="magenta">.......</font> -> untuk memilih jenis, ukuran, serta warna huruf
5. <h1>......</h1> -> ukuran font suatu heading (h1,h2,h3,h4,h5,h6,h7)
6. <b>.......</b> -> untuk menampilkan huruf tebal
7. <i>.......</i> -> untuk menampilkan huruf miring
8. <u>.......</u> -> untuk menampilkan huruf yang bergaris bawah
9. <body background="2.jpg">.....</body> -> menggunakan image sebagai background
10.<body bgcolor="blue">......</body> -> menggunakan warna sebagai background
11.<marquee>....</marquee> -> agar text dapat bergerak
12.<marquee direction="left">......</marquee> ->agar text dapat bergerak kekiri, dapat diganti dengan left, up, down dan lainnya
13.<marquee direction="up"behavior="alternate"> -> agar text bisa berjalan bolak-balik
14.<a href="trio.html">.....</a> -> untuk hyperlink
15.<img src="2.jpg">....</img> -> untuk mengisi gambar
16.<p> -> membuat paragraf baru
17.<br> -> membuat text berada di bawah (karakter enter)
18.<hr> -> membuat garis horizontal
19.<center> -> membuat text atau gambar berada di tengah
20.<table border>.....</table> -> membuat table
Tidak ada komentar:
Posting Komentar