Setelah pada sebelumnya saya telah menawarkan tutorial pengenalan elemen-elemen HTML pada kali ini saya akan melanjutkan tutorial dengan pembahasan Atribut HTML. Dalam tutorial kali ini Sobat akan mempelajari mengenai jenis-jenis atribut dan kegunaan atribut tersebut, Atribut mempunyai kegunaan dalam menawarkan sebuah gosip pemanis mengenai elemen HTML.
Dalam teladan ini saya akan menawarkan atribut judul pada paragraph HTML <p> dengan nilai atribut mengenai Pusat Tutorial. sebagai contoh:
Catatan: Pada ketika sahabat menggerkan kursor mouse diatas elemen maka judul akan ditampilkan sebagai sebuah tooltip.
silahkan sahabat coba sendiri.
Atribut Size (ukuran)
Atribut size mempunyai kegunaan dalam mengatur ukuran pada teladan ini kita akan mengaplikasikannya untuk menampilkan dan mengatur ukuran sebuah gambar, gambar dalam HTML didefinisikan dengan tag <img /> kemudian didalam tag tersebut dicantumkan (src) yang merupakan sumber dari nama berkas dan (width dan height) merupakan yang mengatur dari segi ukuran lebar dan tinggi dari sebuah gambar, sahabat akan lebih banyak berguru wacana gambar dan tag <img /> nanti pada tutorial . sebagai contoh:
Sebagai contoh:
Disarankan: Agar selalu memakai karakter kecil dalam menuliskan atribut, tapi pada standar HTML5 dalam menuliskan nama atribut tidak perlu menuliskan nama atribut dengan karakter kecil saja menuliskan nama atribut dengan karakter besapun boleh hanya saja W3C merekomendasikan penggunaan nama atribut dengan karakter kecil untuk HTML4 dan menuntut karakter kecil dalam jenis dokumen yang ketat menyerupai XHTML.
Catatan: Penggunaan nama atribut dengan karakter kecil merupakan yang paling umum sebab memakai karakter kecil lebih gampang dalam proses pengetikan.
Disarankan: Selalu gunakan tanda kutip pada nilai atribut meskipun pada standar HTML5 tanda kutip tidak dibutuhkan untuk nilai atribut.
sebagai teladan nilai atribut yang tidak diberi tanda kutip:
silahkan sahabat coba sendiri.
Penggunaan tanda kutip, gaya tanda kutip double memang merupakan yang paling umum dipakai namun gaya tanda kutip single pun sanggup digunakan. Tetapi pada beberapa situasi pada ketika nilai atribut itu sendiri mengandung tanda kutip double maka penggunaan tanda kutip single diperlukan.
sebagai contoh:
Gimana nih sahabat sudah mengerti bukan wacana Pengenalan Atribut HTML? mudah-mudahan tutorial ini sanggup dimengerti oleh sahabat dan bermanfaat tentunya. Kalo gitu sekian untuk tutorial Pengenalan Atribut HTML, kita akan lanjutkan kembali tutorial HTML di tutorial berikutnya :)
Perlu diketahui:
- Sebuah elemen HTML sanggup mempunyai atribut
- Atrbut akan menawarkan gosip pemanis mengenai sebuah elemen
- Atribut selalu tercantum dalam tag pembuka
- Atribut tiba dengan sebuah pasangan nama maupun nili seperti: (name="value"
Atribut lang
Atribut lang berfungsi sebagai penetapan sebuah isyarat bahasa pada sebuah elemen, penempatan atribut lang dicantumkan dalam tag </html>. Mendeklarasikan sebuah bahasa sangatlah penting sebab mempunyai kegunaan untuk aplikasi aksesibilitas (scren reader) maupun pada mesin pencari, sebagai contoh:<!DOCTYPE html>Pada dua karakter pertama memilih sebuah bahasa (en), kalau ada bahasa lainnya maka gunakan dua karakter lainnya (ID).
<html lang="en-ID">
<body>
<h1>Postingan Pertama Sobat</h1>
<p>Paragraph pertama sobat</p>
</body>
</html>
Paragraph HTML yang didefinisikan oleh tag <p>
Dalam teladan ini saya akan menawarkan atribut judul pada paragraph HTML <p> dengan nilai atribut mengenai Pusat Tutorial. sebagai contoh:
<!DOCTYPE html>Hasil diatas:
<html>
<body>
<h1>Tutorial</h1>
<p title="Mengenal Atribut HTML">
Tutorial yaitu sebuah situs blog.
Disini menyediakan Referensi dan Tutorial untuk materi pembelajaran sobat
yang meliputi banyak aspek pemrograman, Design dan Editing, Tips & Trik. Dan masih banyak lagi yang ingin kita sajikan yang mungkin akan menyusul kemudian :)
</p>
<p><b>
Jika sahabat menggerakkan kursor mouse pada paragraph di atas,
maka judul akan ditampilkan sebagai tooltip.
</b></p>
</body>
</html>
silahkan sahabat coba sendiri.
Atribut href
Dengan memakai atribut href sahabat sanggup menciptakan sebuah link URL, untuk membuatnya.. link HTML perlu didefinisikan dengan tag <a> kemudian alamat linknya dicantmkan dalam atribut href, sahabat akan lebih banyak berguru wacana link dan tag <a> nanti pada tutorial ini. sebagai contoh:<!DOCTYPE html>Hasil diatas:
<html>
<body>
<a href="http://www.tut.blogspot.com">Ini link nya Tutorial</a>
</body>
</html>
silahkan sahabat coba sendiri.
Ini link nya Tutorial
Atribut Size (ukuran)
Atribut size mempunyai kegunaan dalam mengatur ukuran pada teladan ini kita akan mengaplikasikannya untuk menampilkan dan mengatur ukuran sebuah gambar, gambar dalam HTML didefinisikan dengan tag <img /> kemudian didalam tag tersebut dicantumkan (src) yang merupakan sumber dari nama berkas dan (width dan height) merupakan yang mengatur dari segi ukuran lebar dan tinggi dari sebuah gambar, sahabat akan lebih banyak berguru wacana gambar dan tag <img /> nanti pada tutorial . sebagai contoh:
<!DOCTYPE html>Hasil diatas:
<html>
<body>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRieAYLC_WHIikhc_WOwWRQ57Da5XA2Nd9kBtWutxPOokJ1-6JppybbYg5hh-R0sc7BuI39Q4ptthyt2KhyphenhyphenEtHK0QP-RqJr7FLLDZEPde0haDQTu75yNmALO5hHh31WfpA63VF3EvDW_eg/w90-h77-no/pustut1.png" width="108" height="135">
</body>
</html>
silahkan sahabat coba sendiri.
Atribut Alt
Fungsi dari atribut alt yaitu untuk memilih sebuah teks alternatif yang akan dipergunakan pada ketika sebuah elemen HTML tidak sanggup ditampilkan di browser.Sebagai contoh:
<!DOCTYPE html>hasil diatas:
<html>
<body>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRieAYLC_WHIikhc_WOwWRQ57Da5XA2Nd9kBtWutxPOokJ1-6JppybbYg5hh-R0sc7BuI39Q4ptthyt2KhyphenhyphenEtHK0QP-RqJr7FLLDZEPde0haDQTu75yNmALO5hHh31WfpA63VF3EvDW_eg/w90-h77-no/pustut1.png" alt=" Setelah pada sebelumnya saya telah menawarkan tutorial pengenalan elemen Mengenal Atribut HTML" width="108" height="135">
</body>
</html>
Silahkan sahabat coba sendiri.
Disarankan: Agar selalu memakai karakter kecil dalam menuliskan atribut, tapi pada standar HTML5 dalam menuliskan nama atribut tidak perlu menuliskan nama atribut dengan karakter kecil saja menuliskan nama atribut dengan karakter besapun boleh hanya saja W3C merekomendasikan penggunaan nama atribut dengan karakter kecil untuk HTML4 dan menuntut karakter kecil dalam jenis dokumen yang ketat menyerupai XHTML.
Catatan: Penggunaan nama atribut dengan karakter kecil merupakan yang paling umum sebab memakai karakter kecil lebih gampang dalam proses pengetikan.
Disarankan: Selalu gunakan tanda kutip pada nilai atribut meskipun pada standar HTML5 tanda kutip tidak dibutuhkan untuk nilai atribut.
sebagai teladan nilai atribut yang tidak diberi tanda kutip:
<!DOCTYPE html>Hasil diatas:
<html>
<body>
<a href=http://www.pus-tut.blogspot.com>Ini link nya Pusat Tutorial</a>
</body>
</html>
Catatan: Penggunaan tanda kutip merupakan yang paling umum dipakai sebab menghilangkan tanda kutip sanggup menghasilkan sebuah kesalahan.
Ini link nya Pusat Tutorial
silahkan sahabat coba sendiri.
Single atau double Quotes (kutip)
Penggunaan tanda kutip, gaya tanda kutip double memang merupakan yang paling umum dipakai namun gaya tanda kutip single pun sanggup digunakan. Tetapi pada beberapa situasi pada ketika nilai atribut itu sendiri mengandung tanda kutip double maka penggunaan tanda kutip single diperlukan.
sebagai contoh:
<title p='PusTut"blogspot"com'>
ataupun sebaliknya:
<title p="PusTut'blogspot'com">
Atribut HTML
Dibawah ini mrupakan daftar dari beberapa atribut HTML yang sering digunakan:Gimana nih sahabat sudah mengerti bukan wacana Pengenalan Atribut HTML? mudah-mudahan tutorial ini sanggup dimengerti oleh sahabat dan bermanfaat tentunya. Kalo gitu sekian untuk tutorial Pengenalan Atribut HTML, kita akan lanjutkan kembali tutorial HTML di tutorial berikutnya :)
Tag :
software
0 Komentar untuk "Mengenal Atribut Html"