HTML Attributes

Attributes ஆனது HTML tag-க்கு கூடுதல் information-ஐ தருகிறது. இதன் syntax name="value"

Note
  1. Attributes எப்பொழுதும் start tag-க்கு உள்ளே தான் குறிப்பிட வேண்டும்.
  2. அனைத்து html tag-க்கும் வெவ்வேறு விதமான attributes இருக்கும்.
  3. ஒரு html tag-ல் ஒன்று அல்லது அதற்க்கு மேற்பட்ட attributes களை குறிப்பிடலாம்.
  4. சில attributes-களை, சில html tags-களில் மட்டும் தான் பயன்படுத்த முடியும். அதாவது ஒரு சில attributes களை தவிற, மற்ற attributes-களை அனைத்து html tags-களிலும் பயன்படுத்திட முடியாது.

href Attribute

<a> tag ஐ பயன்படுத்தி HTML link கொடுக்கபடுகிறது. இதில் link address ஆனது href என்ற attribute-ல் குறிப்பிடபடுகிறது.

Example

<a href="https://linto.in/">Go to Linto- Tutorial</a>

மேலே கொடுக்கப்பட்டுள்ள example-ல் href என்பதுதான் attribute.

Attribute name = href

Attribute value = https://linto.in/

src, width and height Attributes

<img> tag ஐ பயன்படுத்தி ஒரு image-ஐ display செய்யபடுகிறது. இதில் image path ஆனது src என்ற attribute-லும், image-ன் அகலம் width என்ற attribute-லும், உயரம் height என்ற attribute-லும் குறிப்பிடபடுகிறது.

Example

<img src="images/hummingbird.jpg" width="400" height="200" />

மேலே கொடுக்கப்பட்டுள்ள example-ல் src,width மற்றும் height என்பதுதான் attributes.

Output

Attribute name Attribute value
src humming_bird.jpg
width 400
height 200

style, title, id and name Attributes

<input> tag ஐ பயன்படுத்தி input box or text box create செய்யபடுகிறது.

Example

<input style="color:orange" name="username" id="userid" title="Your account"/>

மேலே கொடுக்கப்பட்டுள்ள example-ல் style attribute used for adding more attraction to the input tag. title is used for adding extra information and name and id is giving the identity

Attribute name Attribute value
style color:orange
name username
id userid
title Your account name

Comments

Arun kumar 17th September,2021 02:03 pm
useful for my studies.
sivanesan 29th October,2020 05:29 pm
good
janani 22nd October,2020 05:03 pm
super