HTML Attributes
- HTML attributes provide additional information about HTML elements.
- They are always specified in the start tag.
- Attributes come in name/value pairs like this: name="value".
Let me show you an example of this:
<img src="someImage.jpg" width="500" height="600" />
So now this line of code has an image element which contains three attributes:
- src - specifies the path to the image
- width - specifies the width of the image
- height - specifies the height of the image
We will go into more detail about the different attributes in following sections. For now, just know that attributes are used to provide additional information about HTML elements. They are always specified in the start tag and come in name/value pairs. You can also use multiple attributes in the same tag. For example, you can use the src, width, and height attributes in the same <img> tag like we did in this example.
Double Quotes or Single Quotes
Double quotes and single quotes are interchangeable in HTML. You can use either one to enclose attribute values. For example, the following two lines of code are equivalent:
<img src="someImage.jpg" width="500" height="600" />
<img src='someImage.jpg' width='500' height='600' />
It is common practice to use double quotes for attribute values. This is because it makes your code easier to read and understand. It also helps to keep your code consistent. But there are some cases where you may need to use single quotes instead. For example, if your attribute value contains double quotes, you can use single quotes to enclose the value. For example, the following lines of code are valid:
<img src='someImage.jpg' alt='This is a "test" image' />
<img src="someImage.jpg" alt="This is a 'test' image" />