Langsung ke konten utama

Belajar HTML

HTML ( Hyper Text Markup Language )

              HTML ( Hyper Text Markup Language ) adalah format standar yang digunakan untuk membuat halaman web. HTML ( Hyper Text Markup Language)
merupakan subset dari bahasa yang lebih luas, yaitu SGML (standart generalized markup language). selain HTML,subset lain dari SGML antara lain XML (extensible
markup language), SMIL (syncronized multimedia integration language). versi terakhir HTML adalah HTML 5. untuk lebih jelas silahkan kunjungi
http://www.w3.org/TR/html5

file HTML berupa file teks yang terdiri dari 2 bagian : content(isi) yaitu berupa teks yang akan ditampikan oleh browser dan markup atau tags yang menjelaskan
bagaimana teks tersebut di interpretasi oleh browser.
tag-tag yang digunakan HTML mempunyai format sebagai berikut:

 "< tag pembuka > isi teks </tag penutup>"

selain bentuk berpasangan seperti di atas, ada pula tag-tag yang berdiri sendiri. tag- tag ini tidak case sensitiv sehingga kita bisa
meggunakan huruf kapital, huruf kecil ata keduanya. di antara kedua tag dapat disisipkan tag lainnya, namun penulisan tidak boleh tumpang tindih seperti ini.

 "<tag 1> <tag 2> isi teks </tag 1></tag 2>" (ini merupakan cara yang salah),
 "<tag 1> <tag 2> isi teks </tag 2></tag 1>" (ini cara yang benar).

SKEMA DASAR HTML
sebuah file HTML umumnya terdiri dari 2 bagian utama : head dan body, keduanya dilingkupi oleh tag "<html></html>. agar lebih jelas, perhatikan skema berikut:

"<html>"
"<head>"
"<title>ini judul halaman yang tampil di browser</title>"
"</head>"
"<body>"
"(yang di antara ini merupakan isi dari body yang akan di tamplikan baik berupa teks ataupun gambar)"
"</body>"
"</html>"

Beberapa tag dan fungsi HTML :

<html>     = penanda dokumen HTML
<head>     = berisi keterangan mengenai dokumen
<body>    = berisi bagian hang di tampilkan dalam halaman browser
<hn>        = membuat heading n= 1-6 (ukuran)
<font>      = memformat teks dengan warna, ukuran dan jenis huruf tertentu
<b>          = mempertebal teks
<i>           = memiringkan teks/huruf (italic)
<u>          = mengaris bawah teks ( underline)
<br />       = tanda pindah baris 
<p>          = teks di tampilkan dalam satu paragraf
<hr>         = membuat garis horizontal
<ol>         = membuat list berurut
<ul>         = membuat list tidak berurut
<li>          = mendaftar item list
<center>  = membuat teks rata tengah
<dl>         = membuat definisi list

Membuat Links

salah satu kemampuan file HTML adalah membuat hyperlink yang dapat menghubungkan suatu halaman web dengan halaman web lainnya.
buasanya dengan mengklik teks atau gambar tertentu, kita bisa berpindah kke bagian lain dari suatu halaman atau ke halaman lain.
tag yang digunakan untuk membuat link adalah tag anchor "<a></a>. contoh

"<a href ="http://www.w3.org>Nama link</a>"

attribut href diisi oleh URL web yang kita tuju, selain berpindah halaman, link juga bisa di arahkan ke bagian lain dalam file.
caranya, link mengarah ke suatu bagian yang namanya telah kita defenisikan.

"<a name ="awal">bagian awal teks</a>"
"<a href ="#awal">pindah kebagian awal</a>"

jika kita mengklik kalimat "pindah kebagian awal", maka browser akan menampilkan awal dokument, tepatnya ke tempat kalimat
"bagian awal teks".

Komentar