Attributes and Hyperlinking
Explore the role of HTML attributes in adding details to elements and learn how to create hyperlinks using anchor tags. Understand absolute and relative URL paths to connect web pages efficiently. This lesson helps you structure semantic links and navigate within and between websites.
We'll cover the following...
HTML attributes
HTML attributes provide additional information about an HTML element. Attributes can be considered as properties of the element. An element may have a single attribute, many attributes, or no attributes at all.
Let’s take a look at an example heading with a title attribute:
<h2 title="This is a subheading">Hello, World!</h2>
Attributes are placed in the opening tag, with a space after the element declaration (or another attribute, if there are multiple) and are defined using the following format:
<tagName attribute_name="attribute_value"></tagName>
The attribute name is always followed by an = sign and the attribute value is always wrapped in quotation marks. There are no spaces between the attribute name, = sign, and the attribute value.
Test your understanding
Another type of HTML attribute is the style property, which can be used to give an element a custom style. How would we define a paragraph element with both title and style attributes?
<ptitle="My Paragraph"style="color:blue">Hello, World!</p>
<p title="My Paragraph"style="color:blue">Hello, World!</p>
<p title="My Paragraph" style="color:blue">Hello, World!</p>
<p>Hello, World!</p title="My Paragraph" style="color:blue">
Exercise
Create a top-level header that has a title ...