HTML merupakan singkatan dari HyperText Markup Language. HTML adalah dokumen text yang bisa dibaca untuk dipublikasikan di World Wide Web (WWW), dan semua nama file dokumen HTML mempunyai ekstensi html atau htm.
Dalam sebuah dokumen HTML anda akan melihat tags. Tags adalah penempatan atau nilai format teks yang memerintahkan browser untuk menampilkan sebuah dokumen html.
Contoh sebuah dokumen HTML sederhana adalah sebagai berikut:
<HTML> <BODY> Hello ... nama saya Bagong</BODY> </HTML> Hasilnya adalah seperti ini. |
langkah langkah membuat HTML
Untuk mencoba membuat dokumen html dengan tag paragraph silakan sobat ikuti langkah-langkah di bawah ini :
1.Klik Menu Pada computer sobat.
2.Kemudian Klik ALL PROGRAM.
3.Klik accessories.
4.Klik NOTEPAD.
5.Selanjutnya Copy Dan Paste dokumen html dengan Tag paragraph Di atas Ke dalam notepad tersebut.
6.Klik Save Dengan nama coba4.html.
7.Pilih All Files Pada File AS TYPE.
8.Untuk melihatnya silakan klik kanan File yang sudah sobat save ,Kemudian pilih Open With selanjutnya Pilih Mozzila Firefox.
Selesai………………
perbedaan elemen dan tag
Bagi teman teman yang baru belajar HTML, mungkin teman teman akan dipusingkan dengan istitlah istilah tag, element serta atribut HTML. Tanpa banyak bicara, mari kita bahas satu persatu :
- TAG Tag merupakan element dari html, dimana tag tag ini yang akan memberitahu browser teman teman, harus seperti apa isi dari element element html ditampilkan. Contohnya:
Tag ini akan memberitahu browser bahwa content element
harus ditampilkan sebagai heading level 1. -> Tag ini akan memberitahu browser bahwa content element harus
ditampilkan sebagai paragraph. -> Tag ini akan memberitahu browser bahwa content element
harus ditampilkan sebagi text italicPenjelasan Setiap Tag
- ELEMEN HARUS TERSUSUN DENGAN BENAR
Misalnya :
<b><i>Ini adalah tulisan yang berformat bold dan italik</b></i>
<b><i>Ini adalah tulisan yang berformat bold dan italik</i></b>
elemen anak dari elemen <b>, pembuka dan penutup <i> harus di dalam elemen <b>
- DOKUMEN HARUS “Well Formed”
Setiap elemen dapat memiliki sub (child) element. Setiap sub elemen harus tersusun dengan benar di dalam parent element.
Struktur dasarnya adalah sebagai berikut:
<html> <head> ... </head> <body> ... </body> </html>
- Nama Tag harus huruf kecil
Ini salah :
Code:
<BODY> <P>Ini adalah paragraf</P> </BODY>
Code:
<body> <p>Ini adalah paragraf</p> </body>
- Elemen Terbuka Harus Ditutup dengan Tag Penutup
Code:
<p> Ini adalah paragraf <p> Ini adalah paragraph yang lain
Code:
<p> Ini adalah paragraf </p> <p> Ini adalah paragraf yang lain </p>
- Elemen kosong harus ditutup menggunakan />
Code
Ini adalah break<br> Ini adalah garis mendatar:<hr> Ini adalah image <img src="gambar.gif" alt="gambar">