Atribut digunakan untuk mendefinisikan karakteristik dari elemen HTML dan diletakan di dalam tag pembuka suatu element. Semua atribut yang terdiri dari dua bagian: nama dan nilai.
Pada umumnya semua tag pada element HTML memiliki atribut seperti <h1>,<p>,<div>,<form>,<input> dan masih banyak yang lainya.
Macam-macam atribut HTML
| atribut |
Options |
Fungsi |
| title |
Sudah ditetapkan |
Mmebuat pop Up deskripsi dari element |
| disabled |
Sudah ditetapkan |
untuk membuat element input menjadi tidak aktif |
| href |
Sudah ditetapkan |
Menentukan alamat dari suatu halaman |
| id |
Sudah ditetapkan |
Menentukan ID untuk setiap element |
| src |
Sudah ditetapkan |
Menentukan URL (alamat web) untuk mengambil sebuah gambar |
| alt |
Sudah ditetapkan |
Membuat text alternatif pada suatu gambar |
| style |
Sudah ditetapkan |
Untuk menentukan gaya css dari suatu element |
| align |
right, left, center |
Menentukan letak posisi kanan,kiri atau tengah |
| valign |
top, middle, bottom |
Menentukan letak posisi atas,tengah atau bawah |
| bgcolor |
numeric, hexidecimal, RGB values |
Memberi warna pada suatu tag element |
| class |
Sudah ditetapkan |
Menentukan suatu class yang akan di pakai pada suatu class css |
| widht |
Numeric Value |
untuk menentukan lebar suatu gambar atau table |
| height |
Numeric Value |
untuk menentukan tinggi suatu gambar atau table |
Title Atribut
Hampir semua tag element HTML dapat menggunakan atribut title, seperti <p>,<img>,<input> dan masih banyak yang lainya
Script HTML
<!DOCTYPE html>
<html>
<head>
<title>
Titel Halaman
</title>
</head>
Isi sebuah paragraf
</html>
Disabled Atribut
Atribut ini paling sering dipakai pada element <input>, atribut ini berfungsi untuk membuat element input menjadi tidak aktif.
herf Atribut
Atribut ini digunakana pada tag element <a>. Alamat link tidak akan aktif apabilah tidak menggunakan atribut href
Script HTML
<!DOCTYPE html>
<html>
<head>
<title>
Titel Halaman
</title>
</head>
link 1
</html>
lang Atribut
Atribut ini digunakana untuk menentukan bahasa utama dalam suatu dokumen, tapi pada saat sekarang ini atribut ini telah digantikan oleh xml:lang atribut dalam dokumen xhtml.
Script HTML
<!DOCTYPE html>
<html lang="id">
<head>
<title>
Titel Halaman
</title>
</head>
link 1
</html>
class Atribut
Atribut class digunakan untuk menghubungkan elemen dengan style sheet, dan menentukan kelas elemen. kita akan belajar lebih banyak tentang penggunaan atribut class ketika kita akan belajar Cascading Style Sheet (CSS). Jadi untuk saat ini saya tidak akan membahas lebih dalam tentang class.
Kita juga bisa menggunakan lebih dari satu class untuk setip atribut class pada suatu element.
Script HTML
<!DOCTYPE html>
<html lang="id">
<head>
<title>
Titel Halaman
</title>
</head>
</html>
Style Atribut
Atribut style berfungsi untuk menentukan Cascading Style Sheet (CSS) aturan dalam element. jadi dengan menggunakan atribut style kita bisa menuliskan langsung Cascading Style Sheet (CSS) pada suatu tag element.
Script HTML
<!DOCTYPE html>
<html lang="id">
<head>
<title>
Titel Halaman
</title>
</head>
</html>
Disini saya tidak akan menjelaskan lebih detail tentang css, kita akan belajar lebih banyak tentang style css ketika kita akan belajar Cascading Style Sheet (CSS). Jadi untuk saat ini saya hanya membahas bagaimana cara menggunakan ascading Style Sheet (CSS) pada suatu element html.
Shared
Shared
Shared
Shared
