HTML attributes can be added in all HTML elements. This is to provide additional information about the element. You can add an attribute to an element by specifying it in the start tag. It is usually come in name / value pairs like name = "value".
href attribute can be seen or put in the anchor tag < a > < /a>. It specifies the link address where you want to move or redirect the users once they clicked the link.
src attribute can be found or put in the < img >. It identifies the location and filename of the image source.
width and height attributes give you the control to the size of the image or other HTML elements in pixels.
alt attribute serves as an alternative information wherein if the image is not displayed, a text will be displayed. It's value can also read by screen readers, meaning the user can hear its value.
style attribute allows you to specify the styling of an element like font, size, color, etc.
lang attribute is the language of the document and it can be declared in < html > tag. It's important to declare for accessibility applications (screen readers) and search engines.
(en) specify the language. If there is a dialect, use two more letters (US).
title attribute serves as a tool tip. The value of it will be displayed when you hover your mouse on the element.
The HTML 5 standard is not case sensitive. You can use uppercase or lowercase attribute names like title or TITLE but I recommend lowercase for stricter document types like XHTML.
The HTML 5 standard does not require quotes around attribute values. It can be name = value or name = "value" but I recommend to quote attribute values to avoid unexpected results or/and errors like below.
it is common to use the double quotes in HTML but single quote can also be used especially if the value needs to display a double quotation.
< p title='John "ShotGun" Nelson' > or < p title="John 'ShotGun' Nelson" >
Here are some list of attributes often used in HTML.
Note: There should be no space in the HTML tags or between the angle brackets and element name. I just put a space for it to display the tags as it will hide or not display without a space. Remember, web browser don't display HTML tags.
HTML 5 Tutorial #1 - Introduction
HTML 5 Tutorial #2 - HTML Editors
HTML 5 Tutorial #3 - HTML Basic
HTML 5 Tutorial #4 - HTML Elements
