Atribut pada tag HTML

Seperti yang sudah di jelaskan di artikel sebelumnya, tag html merupakan intruksi atau perintah yang memiliki nilai dan dapat di mengerti oleh aplikasi web browser. sedangkan atribut dalam bahasa markup html, merupakan sebuah nilai apabila di tempatkan pada sebuah tag, akan menjadi nilai tambahan untuk tag itu sendiri.

Struktur atribut dalam html sebagai berikut:

<tag nama="value/nilai">object</tag>

Perhatikan contoh yang berwarna merah di atas nama="value/nilai" ini merupahan atribut dalam html.
nama artinya fungsi tambahan yang akan di berikan kepada element. contoh:

<img src="value"/>

Tag img di gunakan untuk menampilkan gambar di jendela browser. atribut scr adalah atribut bawaan tag img yang berfungsi sebagai perintah untuk mencari file gambar.

value/nilai di hapit tanda petik dua atau bisa juga tanda petik satu maksudnya adalah nilai yang akan di tambahkan kedalam element. contoh lengkapnya sebagai berikut:

<img src="fotoTampan.jpg"/>

hasilnya:

Ada beberapa tag yang memiliki fungsi atribut secara deault seperti contoh di atas tag img yang berfungsi untuk menampilkan gambar akan selalau membutuhkan atribut src agar dapat bekerja.

untuk lebih memahami lagi tentang atribut pada tag html, silahkan copy gambar di atas kemudian copy juga syntax di bawah ini, simpan dengan dengan ekstansi html satu folder dengan file gambar yang telah anda copy. selanjutnya jalankan di aplikasi web browser anda masing-masing.

Contoh atribut di HTML

<html>
<head>
<title></title>
</head>
<body>

<img src="fotoTampan.jpg"/>

</body>
</html>

Agar lebih memahami lagi tentang pemakaian atribut di sebuah tag html, saya sajikan tabel penggunaan tag dan atribut html di bawah ini:

Tag utama
Tag	atribut	keterangan fungsi
<html>		untuk mengawalai dan menutup dokumen html
<head>		informasi umum dokumen html
<title>		judul dokumen html yang tampil di address bar aplikasi browser
<body>	background bgcolor bgsound font link alink link topmargin leftmargin marginheight marginwidth	memodifikasi tampilan tubuh dokumen

font (huruf)
Tag	atribut	keterangan fungsi
<font>	Face Color Size	memodifikasi tampilan huruf

Modifikasi teks
Tag	keterangan	contoh hasil
<i>	mencetak huruf miring	contoh tag <i>
<B>	mencetak huruf tebal	contoh tag <B>
<u>	mencetak huruf bergaris bawah	contoh tag <u>
<h1>	heading 1	contoh tag <h1>
<h2>	heading 2	contoh tag <h2>
<h3>	heading 3	contoh tag <h3>
<h4>	heading 4	contoh tag <h4>
<h5>	heading 5	contoh tahg <h5>
<h6>	heading 6	contoh tag <h6>
<pre>	performated text	contoh format text
<sub>	subscript	contoh_subscript text
<sup>	superscript	contoh^superscript text

tag gambar
Tag	atribut	keterangan fungsi
<img>	src alt name border height width	menampilkan gambar pada halaman web html

tag link (hyperlink)
Tag	atribut	keterangan fungsi
<a>	href target style name	Membuat link ke dokumen html lain atau ke situs lainnya

Formating teks
Tag	keterangan	hasil
<blockquote>	Digunakan untuk mengatur text dan gambar dalam suatu tag
<lo>	Ordered List. dipakai dengan <li> untuk penomoran	zen
<ul>	Unordered List. dipakai dengan <li> untuk pemberian simbol	zen
<hr>	garis horizontal
>br>	pindah baris
<p>	paragraf

tag table
Tag	atribut	keterangan fungsi
<table>	border cellpadding cellspacing width height name title bgcolor background align valign	tempat menampung semua komponen dalam table
<tr>	height bgcolor background align align title	membuat baris tabel
<th>	height width bgcolor background align title colspan rowspan	membuat header table
<td>	height width bgcolor background align align title colspan rowspan	Membuat sel dalam baris sehingga dapat membentuk sebuah kolom.

tag form
Tag	atribut	keterangan fungsi
<form>	method action name	mengatur elemen di dalam Form
<textarea>	name rows cols wrap	ini contoh fungsi tag <textarea>
<option>	selected name value
<select>	name size	Membuat combo box bersama dengan tag <option>
<input type=>	text password hidden radio checkbox submit button	<input type="text"> <input type="checkbox"> <input type="pasword"< <input type="radio"> <input type="button"> <input type="submit">
Text	name value width maxlength placeholder
pasword	name value width maxlength
hidden	name value	membuat element tersembunyi
radio	name value checked	zen nike alfarizy
checkbox	name value checked	zen alfarizy nike
submit	value name
button	name value

ZenTutorials

Atribut pada tag HTML

contoh tag <h1>

contoh tag <h2>

contoh tag <h3>

contoh tag <h4>

contoh tahg <h5>

contoh tag <h6>

Tidak ada komentar:

Posting Komentar