How to specify the location of the linked document in HTML5?
In this article, we will learn how to specify the location of the linked document in HTML5. This can be done by using a href attribute in the <link> element. This has various uses. Most commonly it is used to link stylesheets or favicons to the document.
Syntax:
<link rel="stylesheet" type="text/css" href="style.css">
The below examples illustrate the use of the href attribute.
Example 1: In this example, an external stylesheet’s location is specified using the href attribute.
HTML
< html >
< head >
< link rel = "stylesheet"
href =
< style >
h1 {
color: green;
}
h1, h2 {
text-align: center;
}
</ style >
</ head >
< body >
< h1 >GeeksforGeeks</ h1 >
< h2 >
How to specify the location of the
linked document in HTML5?
</ h2 >
</ body >
</ html >
|
Output:
Example 2: In this example, the <a> tag is used to link the document using the href attribute.
HTML
< html >
< head >
< style >
h1 {
color: green;
}
body {
text-align: center;
}
</ style >
</ head >
< body >
< h1 >GeeksforGeeks</ h1 >
< h2 >
How to specify the location of
the linked document in HTML5?
</ h2 >
Click to open in the same tab
</ a >
</ body >
</ html >
|
Output:
Last Updated :
07 Apr, 2021
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...