Selasa, 03 Januari 2012

karakter yang digunakan dalam html

berikut karakter yang digunakan dalam html
  • <
  • "
  • =
  • /
  • >
yah, hanya 5 karakter, jika suatu saat menemukan karakter seperti :, ; (, ), ‘, itu bukan html tapi dhtml atau htmldom
contoh;
<p style="color:blue; font-size:17px;"> ini adalah gabungan css dan html </a>
<a href="javascript:void(0)" onclick="window.open('http://indaam.com/','popupwindow', 'scrollbars=yes,width=500,height=520');return
true">ini adalah link contoh html, javascript event</a>

struktur penulisan html

contoh penulisan html seperti ini
<html>
<head>
<!-- di sini penulisan tag head -->
</head>
<body>
<!-- di sini penulisan tag body -->
</body>
</html>
contoh diatas adalah penulisan html, berikut keterangannya
  • diawali dengan tag <html> dan diakhiri </html>
  • setiap penulisan tag, harus di tutup dengan tag yang sama di mana tag penutup di tambahkan /(slash atau garis miring ), contoh </html>, </head>, </body>. ada garis miringnya kan!
  • penulisan tag diantara<head> dan </head>, tidak akan ditampilkan di layar, fungsi tag <head> ini hanya menjelaskan kepada browser tentang isi document html serta menghubungkan dengan link/style eksternal
  • penulisan tag diantara<body> dan </body>, seluruhhnya akan di tampilkan di layar(browser)

komentar html

untuk memudahkan penulisan html, kita bisa menambahkan komentar. dimana komentar html ini tidak akan ditampilkan di browser, contoh
<p>ini adalah paragraf</p>
<!-- tag p diatas adalah paragraf -->
keterangan
  • dari contoh diatas, browser hanya akan menampilkan paragraf yang bertuliskan ini adalah paragraf, sedangkan
<!–tag p diatas adalah paragraf–>
  • tidak akan di tampilkan
  • penulisan komentar seperti ini
diawali dengan <!-- diakhiri dengan –>
  • contoh penulisannya seperti ini
<!-- tulis komentar anda disini -->

ekstensi html

ektensi html adalah [dot]html dan [dot]htm! terserah mau pilih mana!
ok mari kita ke

menjalankan dan menulis html

buka program notepad, atau notepad++(jika ada)
copy code markup dibawah
<html>
<head>
<title>belajar html itu madah ya</title>
<!--tag title adalah judul unntuk browser -->
</head>
<body>
<p>ya html itu memang mudah</P>
<!--tag p adalah paragraf -->
</body>
</html>
  • kemudian paste dan save as dengan nama
  • dasardasar.htm(pilih all tipes)
  • pastikan ekstensi filenya adalah [dot]html dan bukan bukan [dot]txt
  • jalankan file(double klick) atau open with
setelah dilihat, edit lagi dasardasar.htm
kemudian tambahkan markup diatas tag </body>
<b>ini text tebal</b>
<!--tag b adalah text tebal -->
<i>ini text miring</i>
<!--tag i adalah miring -->
trus save atau simpan, sakarang buka lagi browser, kemudian refresh/ reload tekan f5, lihat hasilnya
bersambung. . .

Tidak ada komentar:

Posting Komentar