Attributes are additional values that adjust their behavior of elements in various ways to meet the criteria the users require.
Some elements do not require attributes like heading tags <h1>, paragraph rag <p> and some others. But most of the HTML tags may have attributes as their characteristics.
An attribute is combination of two things:
- Name: Name is the property you want to set. For example, the image <img> element carries an attribute whose name is src and alt.
- Value: The value is an what you want the value of the property to be set. It always put within quotations.
Attribute names and attribute values are case-insensitive and should be in lowercase.
The basic elements of an HTML code are:
Heading: denoted using the <h1>, <h2>, <h3>, <h4>, <h5>, <h6> tags.
Paragraph: denoted using the <p> tag.
Horizontal ruler: denoted using the <hr> tag.
Link: denoted using the <a> (anchor) tag.
List: denoted using the <ul> (unordered list), <ol> (ordered list) and <li> (list element) tags.
Image: denoted using the <img> tag
Divider: denoted using the <div> tag
Span: denoted using the <span> tag
Below example will demonstrate the basic architecture of HTML Attributes
<!doctype html> <html> <head> <title>HTML Attribute Example</title> </head> <body> <h3 align = "left">This is left aligned</p> <h4 align = "center">This is center aligned</p> <h5 align = "right">This is right aligned</p> </body> </html>