Atribut HTML ~ KODELOVER

Atribut memberikan informasi tambahan tentang elemen HTML.
Atribut HTML

Elemen HTML bisa memiliki atribut
Atribut memberikan informasi tambahan tentang suatu elemen
Atribut selalu ditentukan dalam tag awal
Atribut datang dalam pasangan nama / nilai seperti: name = "value"

Atribut lang

Bahasa dokumen dapat dideklarasikan di tag <html>.

Bahasa dideklarasikan dalam atribut lang.

Mendeklarasikan bahasa penting untuk aplikasi aksesibilitas (pembaca layar) dan mesin telusur:

<! DOCTYPE html>
<html lang = "en-US">
<body>

<h1> Pos Pertama Saya </ h1>
<p> paragraf pertama saya. </ p>

</ body>
</ html>

Dua huruf pertama menentukan bahasa (en). Jika ada dialek, gunakan dua huruf lagi (AS).
Atribut judul

Paragraf HTML didefinisikan dengan tag <p>.

Dalam contoh ini, elemen <p> memiliki atribut judul. Nilai atributnya adalah "About Kodelover":
Contoh
<p title = "Tentang Kodelover">
Kodelover adalah situs pengembang web.
Ini menyediakan tutorial dan referensi yang mencakup
Banyak aspek pemrograman web,
Termasuk HTML, CSS, JavaScript, XML, SQL, PHP, ASP, dll.
</ p>
Catatan Bila Anda mengarahkan mouse ke elemen, judul akan ditampilkan sebagai tooltip.
Atribut href

Tautan HTML ditentukan dengan tag <a>. Alamat link ditentukan dalam atribut href:
Contoh
<a href="http://www.kodelover.blogspot.com"> Ini adalah tautan </a>

Anda akan belajar lebih banyak tentang link dan tag <a> nanti di tutorial ini.
Atribut Ukuran

Gambar HTML didefinisikan dengan tag <img>.

Nama file dari sumber (src), dan ukuran gambar (lebar dan tinggi) semuanya disediakan sebagai atribut:
Contoh
<img src = "kodelover.jpg" width = "104" height = "142">

Ukuran gambar ditentukan dalam piksel: width = "104" berarti lebar layar 104 piksel.

Anda akan belajar lebih banyak tentang gambar dan tag <img> nanti di tutorial ini.
Atribut alt

Atribut alt menentukan teks alternatif yang akan digunakan, bila elemen HTML tidak dapat ditampilkan.

Nilai atribut bisa dibaca oleh "pembaca layar". Dengan cara ini, seseorang "mendengarkan" ke halaman web, yaitu orang buta, bisa "mendengar" elemennya.
Contoh
<img src = "kodelover.jpg" alt = "kodelover.blogspot.com" width = "104" height = "142">
Kami Sarankan: Selalu gunakan Atribut Bawah Tanah

Standar HTML5 tidak memerlukan nama atribut huruf kecil.

Atribut judul dapat ditulis dengan huruf besar atau kecil seperti Judul dan / atau TITLE.

W3C merekomendasikan huruf kecil di HTML4, dan meminta huruf kecil untuk jenis dokumen yang lebih ketat seperti XHTML.

Kami Sarankan: Selalu Beri Nilai Atribut

Standar HTML5 tidak memerlukan tanda kutip di sekitar nilai atribut.

Atribut href, yang ditunjukkan di atas, dapat ditulis sebagai:
Contoh
<a href=http://www.kodelover.blogspot.com>

W3C merekomendasikan penawaran di HTML4, dan menuntut penawaran untuk jenis dokumen yang lebih ketat seperti XHTML.

Terkadang perlu menggunakan tanda petik. Ini tidak akan ditampilkan dengan benar, karena berisi spasi:
Contoh
<p title = Tentang Kodelover>
Catatan Menggunakan tanda kutip adalah yang paling umum. Menghilangkan tanda kutip bisa menghasilkan kesalahan.
Di kodelover kita selalu menggunakan tanda kutip di sekitar nilai atribut.
Penawaran Single atau Double?

Kutipan gaya ganda adalah yang paling umum dalam HTML, namun gaya tunggal juga dapat digunakan.

Dalam beberapa situasi, ketika nilai atribut itu sendiri berisi tanda kutip ganda, perlu menggunakan tanda kutip tunggal:
<p title = 'Budi "budiman" nugroho'>

Atau sebaliknya:
<p title = "Budi'Budiman' Nugroho">
Ringkasan

Semua elemen HTML dapat memiliki atribut
Atribut judul HTML memberikan informasi tambahan "tip-tip"
Atribut HTML href menyediakan informasi alamat untuk tautan
Atribut lebar dan tinggi HTML memberikan informasi ukuran untuk gambar
Atribut alt HTML menyediakan teks untuk pembaca layar
Di kodelover kita selalu menggunakan nama atribut huruf kecil
Di Kodelover kita selalu mengutip atribut dengan tanda kutip ganda

Atribut HTML

Berikut adalah daftar alfabet beberapa atribut yang sering digunakan dalam HTML:

Atribut > Deskripsi
alt > Menentukan teks alternatif untuk gambar
disabled > Menentukan bahwa elemen input harus dinonaktifkan
href > Menentukan URL (alamat web) untuk sebuah link
id > Menentukan id unik untuk sebuah elemen
src > Menentukan URL (alamat web) untuk gambar
style > Menentukan gaya CSS sebaris untuk sebuah elemen
title > Menentukan informasi tambahan tentang elemen (ditampilkan sebagai tip alat)

KODELOVER

Atribut HTML

Related Post