Oke masih di sini bareng ane. sekarang kita akan bahas atribut dalam tag HTML. Jadi kenapa disebut atribut karena atribut ini tidak berdiri sendiri alias gabung di dalam tag. Atribut berfungsi sebagai support untuk membantu tag dalam menampilkan sesuatu di HTML. Berbeda dengan tag yang bisa berdiri sendiri untuk memunculkan tulisan atau gambar di halaman HTML, atribut tidak bisa sebagai gantinya atribut membantu tag dan melengkapinya. Makin bingung pastinya kan. Oke langsung simak aja
coba perhatikan baik-baik, jadi seperti muncul pop up yang berisi keterangan kan
Dan yang terpenting dari atribut adalah quotation atau tanda petik("") dan sama dengan (=). Perhatika bahwa setiap atribut selalu memiliki = dan "". tanda petik sendiri digunakan untuk menyatakan isi atau value dari atribut tersebut. oke sekarang kita coba kodingnya. Ane akan uji coba di file lain.html
sekarang kita coba run di browser
oke NEXT
- href atribut yang digunakan untuk mengarahkan halaman ke sebuah halaman atau file. href tidak bisa berdiri sendiri melainkan digunakan di dalam tag <a>. Dan tanpa href link atau tag <a> tidak akan ada isinya atau artinya
- src berfungsi sama seperti href bedanya src tidak mengarahkan melainkan memanggil file untuk ditampilkan.
- alt atribut yang digunakan sebagai antisipasi jika file yang dipanggil melalui atribut src tidak bisa ditampilkan atau kosong. jadi nantinya isi dari alt lah yang akan ditampilkan
- style atribut yang digunakan untuk memberikan style atau memberi desain tampilan kepada tag HTML. Atribut style inilah yang saat ini dikenal sebagai CSS. untuk style akan kita bahas lebih lanjut di tutor CSS
- lang atribut yang digunakan untuk mendeklarasikan bahasa dari sebuah halaman. Tidak terlalu penting tapi biasanya digunakan oleh situs pencari seperti google dan yahoo untuk indexing dan pengelompokkan situs berdasarkan bahasa
- title atribut yang digunakan untuk memunculkan keterangan dari tulisan atau gambar yang sedang ditunjuk oleh kursor
coba perhatikan baik-baik, jadi seperti muncul pop up yang berisi keterangan kanDan yang terpenting dari atribut adalah quotation atau tanda petik("") dan sama dengan (=). Perhatika bahwa setiap atribut selalu memiliki = dan "". tanda petik sendiri digunakan untuk menyatakan isi atau value dari atribut tersebut. oke sekarang kita coba kodingnya. Ane akan uji coba di file lain.html
<!DOCTYPE html>
<html lang="en-US">
<head></head>
<body>
<h1 style="color:blue;">heading</h1>
<h2>heading</h2>
<h3>heading</h3>
<h4>heading</h4>
<h5>heading</h5>
<a href="index.html"><h6>ini heading dan link untuk kembali</h6></a>
<pre>
<b>ini bold</b>
<i>ini italic</i>
<em>ini emphazise</em>
<small>ini small</small>
<strong>ini strong</strong>
<sub>ini subscript</sub>
<sup>ini superscript</sup>
<ins>ini insert</ins>
<del>ini dicoret</del>
<mark>ini distabilo</mark>
<img title="ini gambar" style="width:100%" src="c.jpg" />
</pre>
</body>
</html>
<html lang="en-US">
<head></head>
<body>
<h1 style="color:blue;">heading</h1>
<h2>heading</h2>
<h3>heading</h3>
<h4>heading</h4>
<h5>heading</h5>
<a href="index.html"><h6>ini heading dan link untuk kembali</h6></a>
<pre>
<b>ini bold</b>
<i>ini italic</i>
<em>ini emphazise</em>
<small>ini small</small>
<strong>ini strong</strong>
<sub>ini subscript</sub>
<sup>ini superscript</sup>
<ins>ini insert</ins>
<del>ini dicoret</del>
<mark>ini distabilo</mark>
<img title="ini gambar" style="width:100%" src="c.jpg" />
</pre>
</body>
</html>
sekarang kita coba run di browser
oke NEXT
Tidak ada komentar:
Posting Komentar