HTML Tags vs Elements vs Attributes
Today we will discuss HTML Tags vs Elements vs Attributes.
HTML elements
An element in HTML represents some kind of structure or semantics and generally consists of a start tag, content, and an end tag. The following is a paragraph element.
1 |
<p>here will be paragraph content</p> |
HTML tags
Tags are used to mark up the start and end of an HTML element.
A start tag consists of an opening angle bracket < followed by the element name, zero or more space separated attribute/value pairs, and a closing angle bracket >.
A start tag with no attributes:
1 |
<p> |
A start tag with an attribute
1 |
<p class='info'> |
End tags consist of an opening angle bracket followed by a forward slash, the element name, and a closing angle bracket:
1 |
</p> |
HTML attributes
An attribute defines a property for an element, consists of an attribute/value pair, and appears within the element’s start tag. An element’s start tag may contain any number of space separated attribute/value pairs.
The most popular misuse of the term “tag” is referring to alt attributes as “alt tags”. There is no such thing in HTML. Alt is an attribute, not a tag.
1 |
<img src="image.jpg" alt="this example image"> |