BAB 005 - Atribut HTML

Atribut memberikan informasi tambahan tentang elemen HTML.

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

 

 

Atribut href

Tautan HTML didefinisikan dengan tag <a>. Alamat tautan ditentukan dalam hrefatribut:

Contoh :

<a href="https://www.yesnetijen.web.id">Ini Contoh Link</a>

 


Atribut src

Gambar HTML didefinisikan dengan tag <img>.
Nama file sumber gambar ditentukan dalam src atribut:

Contoh :

<img src="logo.jpg">

 

 

Atribut width dan height

Gambar dalam HTML memiliki seperangkat atribut ukuran , yang menentukan lebar dan tinggi gambar:

Contoh :

<img src="logo.jpg" width="150" height="100">

Ukuran gambar ditentukan dalam piksel
width = "150" berarti lebar 150 piksel.

 

 

Atribut style

Atribut style digunakan untuk menentukan styling (css) dari unsur, seperti warna, font, ukuran dll

Contoh

<p style="color:red">I am a paragraph</p>

 


Atribut lang

Bahasa dokumen dapat dinyatakan dalam tag <html>,
Bahasa dideklarasikan dengan atribut lang
Mendeklarasikan bahasa penting bagi mesin pencari:

<html lang="id"> <body> ....


Dua huruf pertama menentukan bahasa (id) (Indonesia)

 

 

Atribut Title

Di sini, titleatribut ditambahkan ke elemen <p>. Nilai dari atribut title akan ditampilkan sebagai tooltip ketika Anda mengarahkan mouse ke paragraf:

Contoh :

<p title="ini contoh tooltip title">halo agan sista</p>

 

------

Sangat dianjurkan penulisan atribut menggunakan huruf kecil, walaupun tidak wajib

Sangat dianjurkan nilai atribut menggunakan tanda kutip-2 (") atau kutip-1 ('), walaupun tidak wajib

Contoh :

<a href=https://www.yesnetijen.web.id>yesnetijen</a>

 

 

Tanda Kutip-1 atau Kutip-2 ?

Kutip-2 di sekitar nilai atribut adalah yang paling umum dalam HTML, tetapi tanda kutip-1 juga dapat digunakan.
Dalam beberapa situasi, ketika nilai atribut itu sendiri berisi tanda kutip ganda, perlu menggunakan tanda kutip tunggal:

  • <p title='Rizki "Rakhmat" Putra'>

Atau sebaliknya:

  • <p title="Rizki 'Rakhmat' Putra">


----

  • Semua elemen HTML dapat memiliki atribut
  • Atribut title memberikan tambahan "tool-tip" informasi
  • Atribut href menyediakan informasi alamat untuk link
  • Atribut width & height memberikan informasi ukuran untuk gambar
  • Atribut alt menyediakan teks untuk pembaca layar
  • Sangat dianjurkan penulisan stribut menggunakan huruf kecil
  • Sangat dianjurkan mengutip atribut dengan kutip-1 atau kutip-2

 

 

Yes!Cobalah


Cobalah utak-atik contoh diatas


Sebelumnya
BAB 004 - Elemen HTML
  Berikutnya
BAB 006 - HEADING

 

(1) Komentar

avatar user

dora17 Mar 2019

thx tutornya,bantu up

Beri komentar





Hanya komentar yang sudah di-approve admin yang tampil.

KESIMPULAN : Atribut memberikan informasi tambahan tentang elemen HTML. Semua elemen HTML dapat memiliki atribut Atribut memberikan informasi tambahan tentang suatu elemen Atribut selalu ditentukan dalam tag awal Atribut biasanya datang dalam pasangan nama / nilai seperti: name = "value"     Atribut href Tautan HTML didefinisikan dengan tag <a>. Alamat tautan ditentukan dalam hrefatribut: Contoh : Ini Contoh Link   Atribut src Gambar HTML didefinisikan dengan tag <img>. Nama file sumber gambar ditentukan dalam src atribut: Contoh :     Atribut width dan height Gambar dalam HTML memiliki seperangkat atribut ukuran , yang menentukan lebar dan tinggi gambar: Contoh : Ukuran gambar ditentukan dalam piksel width = "150" berarti lebar 150 piksel.     Atribut style Atribut style digunakan untuk menentukan styling (css) dari unsur, seperti warna, font, ukuran dll Contoh I am a paragraph   Atribut lang Bahasa dokumen dapat dinyatakan dalam tag <html>, Bahasa dideklarasikan dengan atribut lang Mendeklarasikan bahasa penting bagi mesin pencari: .... Dua huruf pertama menentukan bahasa (id) (Indonesia)     Atribut Title Di sini, titleatribut ditambahkan ke elemen <p>. Nilai dari atribut title akan ditampilkan sebagai tooltip ketika Anda mengarahkan mouse ke paragraf: Contoh : halo agan sista   ------ Sangat dianjurkan penulisan atribut menggunakan huruf kecil, walaupun tidak wajib Sangat dianjurkan nilai atribut menggunakan tanda kutip-2 (") atau kutip-1 ('), walaupun tidak wajib Contoh : yesnetijen     Tanda Kutip-1 atau Kutip-2 ? Kutip-2 di sekitar nilai atribut adalah yang paling umum dalam HTML, tetapi tanda kutip-1 juga dapat digunakan. Dalam beberapa situasi, ketika nilai atribut itu sendiri berisi tanda kutip ganda, perlu menggunakan tanda kutip tunggal: <p title='Rizki "Rakhmat" Putra'> Atau sebaliknya: <p title="Rizki 'Rakhmat' Putra"> ---- Semua elemen HTML dapat memiliki atribut Atribut title memberikan tambahan "tool-tip" informasi Atribut href menyediakan informasi alamat untuk link Atribut width & height memberikan informasi ukuran untuk gambar Atribut alt menyediakan teks untuk pembaca layar Sangat dianjurkan penulisan stribut menggunakan huruf kecil Sangat dianjurkan mengutip atribut dengan kutip-1 atau kutip-2     Yes!Cobalah Cobalah utak-atik contoh diatas

 

 

Step By Step Belajar HTML 5

 

 

Artikel Lainnya :