Beberapa hari lalu saya sudah share cara penulisan html, sekarang saya akan share lagi tentang struktur dan aturan penulisan html. sebelumnya buat yang ingin belajar html, yang paling pertama sobat harus yakinkan dalam hati kalau html itu mudah! nah, setelah yakin barulah sobat pelajari struktur dan tag-tag html, ok mari kita mulai
Perhatikan Karakter
Saya yakin jika sobat sudah paham karakter-karakter yang di gunakan pada html, kedapannya pasti akan sangat mudah, karena dalam html cara penulisan tag dan atributnya sama semua(yang beda hanya nilai dan mana tag), lain halnya dinamic html(dhtml) dan htmldom. dhtml dan html dom itu adalah penggabungan html, css, javascript.
untuk itu lupakan dulu dhtml, html dom jika sobat belum paham html, nah jika sudah paham(bisa) html, barulah belajar css, trus jika sudah bisa css, barulah beralih ke javascript, kalau udah bisa ketiga bahasa tadi barulah kita mencoba dhtml dan htmldom. back to topic.
Karakter Yang Digunakan Dalam Html
Berikut karakter yang digunakan dalam html
· <
· "
· =
· /
· >
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>
<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 ?
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>
<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>
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 -->
<!--tag b adalah text tebal -->
<i>ini text miring</i>
<!--tag i adalah miring -->
0 komentar:
Posting Komentar