Belajar HTML
Jumat, 19 Oktober 2012
, Posted by Kabul Wahyudi at 07.46
Binggung
Mau Belajar HTML ini ada Sedikit Tutorial Buat Temen-Temen Pemula yang
Inggin Belajar HTML buat yang Sudah Mahir Mohon Kritikanya Yaaaa… hehehehe
HTML
merupakan singkatan dari HyperText Markup Language adalah script
untuk menyusun dokumen-dokumen Web. Dokumen HTML disimpan dalam format teks
reguler dan mengandung Tag-tag yang memerintahkan
web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan.
Contoh Dasar HTML adalah sebagai berikut :
Contoh Dasar HTML adalah sebagai berikut :
<html>
<head> <title>Di isi Judul HTML</title> </head> <body> Isi Dari Web </body> </html> |
Jangan
Lupa Misal kan menuliskan <HTML> lalu Sesudahnya Ditutup Dengan
</HTML>
Penjelasanya Sebagai Berikut :
1. Tag
Tag Adalah teks khusus (markup) berupa dua karakter "<" ">", sebagai contoh <body> adalah tag dengan nama body, Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body> ini adalah tag penutup isi dokumen HTML.
2. Element
Element terdiri atas tiga bagian, yaitu Tag pembuka, Isi, dan Tag penutup. contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:
<title> ini tag pembuka judul dokumen HTML
BejoPakeBlangkon
</title> ini tag penutup judul dokumen HTML
Tag-tag yang ditulis secara berpasangan pada suatu element HTML, tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya.
Contoh penulisan tag-tag yang benar
1. Tag
Tag Adalah teks khusus (markup) berupa dua karakter "<" ">", sebagai contoh <body> adalah tag dengan nama body, Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body> ini adalah tag penutup isi dokumen HTML.
2. Element
Element terdiri atas tiga bagian, yaitu Tag pembuka, Isi, dan Tag penutup. contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:
<title> ini tag pembuka judul dokumen HTML
BejoPakeBlangkon
</title> ini tag penutup judul dokumen HTML
Tag-tag yang ditulis secara berpasangan pada suatu element HTML, tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya.
Contoh penulisan tag-tag yang benar
<p>
<b> ................ </b> </p> |
Yang Benar Seperti Diatas Yang Bawah ini Salah Ojo Ditiru (Jangan Ditiru)
<p>
<b> ................ </p> </b> |
3. Attribute
Atribut Mendefinisikan Sebagai nama Dan Nilai
<TAG>
nama-attr="nilai-attr" nama-attr="nilai-attr" ................. ................. </TAG> |
Secara
umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai
contoh, untuk membuat warna teks menjadi kuning dan latarbelakang halaman web
menjadi hitam, penulisannya adalah <body bgcolor="black"
text="yellow">
4.HTML
Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML.
Sintaks:
<html>
..........
</html>
5. HEAD
Merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak di antara tag <html> dan tag </html>.
Sintaks:
<head>
...........
</head>
6.TITLE
Merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>.
Sintaks:
<title>
.........
</title>
7.BODY
Body Merupakan Isi Dari Html anda <body> Bejo punya Kambing 5 </body> terletak di bawah tag <head> dan tag </head>.
Element BODY mempunyai attribute-attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser.
Sintaks:
<body text="v" bgcolor="w" background="uri" link="x" alink="y" vlink="z">
..............
</body>
Atribut Merupakan Warna pada Teks itu Sendiry, bgcolor Berfungsi Memberikan warna pada HTML, background Berfungsi Memberikan warna pada HTM dalam Bentuk Gambar, link memberikan nilai warna untuk link, alink memberikan warna untuk link yang sedang aktif, vlink memberikan warna untuk link yang telah dikunjungi.
Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan.
Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML.
Sintaks:
<html>
..........
</html>
5. HEAD
Merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak di antara tag <html> dan tag </html>.
Sintaks:
<head>
...........
</head>
6.TITLE
Merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>.
Sintaks:
<title>
.........
</title>
7.BODY
Body Merupakan Isi Dari Html anda <body> Bejo punya Kambing 5 </body> terletak di bawah tag <head> dan tag </head>.
Element BODY mempunyai attribute-attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser.
Sintaks:
<body text="v" bgcolor="w" background="uri" link="x" alink="y" vlink="z">
..............
</body>
Atribut Merupakan Warna pada Teks itu Sendiry, bgcolor Berfungsi Memberikan warna pada HTML, background Berfungsi Memberikan warna pada HTM dalam Bentuk Gambar, link memberikan nilai warna untuk link, alink memberikan warna untuk link yang sedang aktif, vlink memberikan warna untuk link yang telah dikunjungi.
Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan.
LATIHAN
Gunakan "Notepad" Kalo Ada "Notepad++" Bejo punya Belangkon
Yang Setiap Hari Bejo Pake kemana-mana Blangkon Itu Adalah Simbol Dari
Orang Jawa yang Cinta akan adat jawa
Latihan 1 :
Bejo Asli Wong Jowo Hoby Ku anggon Wedus
Nama file:Bejo1.html
Bejo Asli Wong Jowo Hoby Ku anggon Wedus
Nama file:Bejo1.html
<html>
<head> <title>Bejo</title> </head> <body> Bejo Asli Wong Jowo Hoby Ku anggon Wedus </body> </html> |
Simpan Nama File dengan Perintah CTRL+S simpan dengan Nama Sesuka Anda Saja kalo Disini Dengan Nama Bejo1.html
Tugas
tambahan:
Gantilah teks tersebut dengan teks lainnya.
Latihan 2:
Sekarang Memberi Warna Teks pada HTML
Nama Saya Bejo Alamat Desa Baleharjo Kec Bendo
Nama file: latihan1_2.html
Gantilah teks tersebut dengan teks lainnya.
Latihan 2:
Sekarang Memberi Warna Teks pada HTML
Nama Saya Bejo Alamat Desa Baleharjo Kec Bendo
Nama file: latihan1_2.html
<html>
<head> <title>Bejo</title> </head> <body text="red"> Nama Saya Bejo Alamat Desa Baleharjo Kec Bendo </body> </html> |
Currently have 0 komentar: