karakter yang digunakan dalam html
berikut karakter yang digunakan dalam html<"=/>
:, ; (, ), ‘, itu bukan html tapi dhtml atau htmldomcontoh;
<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
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 hasilnyabersambung. . .
Tidak ada komentar:
Posting Komentar