Dalam Tutorial kali ini saya akan mengajak sobat untuk mempelajari contoh-contoh dasar pada HTML, sobat tidak perlu kebingungan jika pada contoh-contoh berikut ini terdapat tag yang sobat belum ketahui karena kita akan mempelajari nya dalam bahasan tutrial berikutnya. untuk pengawalan tutorial kali ini kita akan membahas dokumen HTML, pada setiap dokumen HTML tentunya haruslah dimulai dengan mendeklarasikan tipe berupa <!DOCTYPE html>, nah didalam dokumen HTMLitu sendiri diawali
dengan <!DOCTYPE html>, bagian yang akan terlihat dari dokumen HTML adalah isi dari tag <body>dan</body>, kembali ke contoh:
, mari kembali ke contoh:
<a href="http://pus-tut.blogspot.com">Ini merupakan</a> Link Pusat Tutorial.
Penjelasan: dalam kode diatas terdapat atribut href, atribut tersebut yang menentukan alamat link. atribut yang digunakan bertujuan untuk memberikan informasi tambahan pada elemen HTML.
Praktekanlah kode diatas agar sobat dapat mengetahui hasilnya.
<img src="Pustu.jpg" alt="Pus-tut.blogspot.com" width="240" height="260">
Penjelasan: didalam tag <img> terdapat 4 atribut yaitu (src),(alt), (width dan height).
sekian dulu untuk tutorial tentang dasar HTML kali ini, untuk mempelajari lebih jauh mengenai atribut pada HTML akan di bahas pada bab tutorial berikut nya. jadi pantengin terus Pusat tutorial, proses belajar anda akan jadi lebih mudah :) sampai jumpa di tutorial selanjutnya...
dengan <!DOCTYPE html>, bagian yang akan terlihat dari dokumen HTML adalah isi dari tag <body>dan</body>, kembali ke contoh:
<!DOCTYPE html>
<html>
<body>
<h1>Heading Pertama nih</h1>
<p>dan ini Paragraph pertama</p>
</body>
</html>
Heading/Judul HTML
untuk membuat sebuah judul HTML didefinisikan oleh tag <h1> sampai tag <h6>, mari kembali ke contoh:
<h1>Ini heading</h1>Praktekanlah kode diatas agar sobat dapat mengetahui hasilnya.
<h2>Ini heading</h2>
<h3>ini heading</h3>
<h4>Ini heading</h4>
<h5>Ini heading</h5>
<h6>Ini heading</h6>
Paragraph HTML
untuk membuat sebuah paragraph di HTML didefinisikan oleh tag <p>, kembali pada contoh:<p>ini adalah paragraph PusTut</p>Praktekanlah kode diatas agar sobat dapat mengetahui hasilnya.
<p>Ini adalah paragraph PusTut lainnya</p>
Link HTML
untuk membuat sebuah link didefinisikan oleh tag <a>, kembali lagi ke contoh:<a href="http://pus-tut.blogspot.com">Ini merupakan</a> Link Pusat Tutorial.
Penjelasan: dalam kode diatas terdapat atribut href, atribut tersebut yang menentukan alamat link. atribut yang digunakan bertujuan untuk memberikan informasi tambahan pada elemen HTML.
Praktekanlah kode diatas agar sobat dapat mengetahui hasilnya.
Image pada HTML
untuk menampilkan berupa gambar maka pendefinisiannya oleh tag <img>, kita kembali kecontoh:<img src="Pustu.jpg" alt="Pus-tut.blogspot.com" width="240" height="260">
Penjelasan: didalam tag <img> terdapat 4 atribut yaitu (src),(alt), (width dan height).
- atribut (src) merupakan sebuah atribut yang menetukan alamat sumber file image yang kita ambil
- atribut (alt) merupakan sebuah atribut yang mengisikan teks alternatif pada image file
- atribut (width) merupakan sebuah atribut penentu ukuran lebar pada image file
- atribut (height) merupakan sebuah atribut penetu ukuran tinggi pada image file
sekian dulu untuk tutorial tentang dasar HTML kali ini, untuk mempelajari lebih jauh mengenai atribut pada HTML akan di bahas pada bab tutorial berikut nya. jadi pantengin terus Pusat tutorial, proses belajar anda akan jadi lebih mudah :) sampai jumpa di tutorial selanjutnya...
0 Response to "Dasar HTML"
Post a Comment