Hello friends, in today’s post, we are starting you about HTML(what is HTML Links), what happens. How does the key work, so today you should tell about HTML.
HTML Links
Now we have not given examples for everyone but will update soon
Links are found in almost all web pages. Links allow users to click to go from one page to another.
HTML Links – Hyperlinks
HTML links are hyperlinks (a link from a hypertext file or document to another location or file, typically activated by clicking on a highlighted word or image on the screen.).
You can go to another document by clicking on a link.
When you move the mouse over a link, the mouse arrow will change to a small hand.
Note: Link should not be text. It can be an image or any other HTML element.
HTML Links – Syntax(the arrangement of words and phrases to create well-formed sentences in a language.)
A hyperlink is defined with the HTML ke tag::
“used for links”
example
Visit our educational tutorial
The href attribute specifies the destination address (https://www.learnsa2z.com/) of the link.
The link text is the visible part (like Visit our educational tutorial in the above link).
On clicking the link text, you will be redirected to the specified address.
Note: Without the forward slash at the end of the subfolder addresses, you may generate two requests to the server. You will find that many servers will automatically add the forward slash at the end of the address, and then create a new request.
Local Links
The example above uses an absolute URL (an absolute web address).
A local link (link from the same web site) is specified with a relative URL (https://without www ….).
example
HTML Images
HTML Link Colors
By default, a link will look like this (in all browsers):
unvisited link will appear underlined and blue
visited link will appear underlined and purple
active link, underlined and red will appear
You can change the default color using CSS:
example
<style>
a:link {
color: green;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: pink;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
</style>
सीएसएस का उपयोग करके लिंक को अक्सर बटन के रूप में स्टाइल किया जाता है:
यह एक लिंक है
उदाहारण
<style>
a:link, a:visited {
background-color: #f44336;
color: white;
padding: 15px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a:hover, a:active {
background-color: red;
}
</style>
To know more about css, if you support people, we will soon launch css app.
HTML Links – the target attribute
The target attribute specifies where to open the linked document.
The target attribute can have the following values:
_blank – opens the linked document in a new window or tab
_self – Opens the linked document in the same window/tab that was clicked (this is the default, meaning that the target attribute works if set to nothing)
_parent – Opens the frame linked document in the parent frame
_top – opens the linked document in the full body of the window
framename – Opens the linked document in a named frame.
This example will open the linked document in a new browser window/tab:
example
Visit learnsa2z!
Tip: If your webpage is locked in a frame, you can break out the frame by using target=”_top” :
example
educational tutorial!
HTML Links – Image as Link
It is common to use images as links:
example
Note: border:0; is added to prevent IE9 (and earlier browsers) from displaying a border around the image (when the image is a link).
Link Titles
The title attribute specifies additional information about an element. The information is often displayed as text in a tooltip(a message that appears when a cursor is positioned over an icon, image, hyperlink, or other element in a graphical user interface.) when the mouse moves over the element.
example
Visit our educational Tutorial
HTML Links – Create bookmark
HTML bookmarks are used to guide readers to specific parts of a web page.
Bookmarks can be useful if your webpage is very long.
To bookmark, you must first create the bookmark, and then add a link to it.
When the link is clicked, the page will scroll to the location with the bookmark.
example
First, create a bookmark with an id attribute:
Line 14
Then, within the same page add a link to the bookmark (“Go to line 14”):
go to line 14&
Or, add a link to the bookmark from another page (“go to line 14”), :
example
go to line 14
External Paths
External pages can be referenced with an absolute URL or a relative path to the current web page.
This example uses an absolute URL to link to a web page:
example
educational tutorial
This example links to a page located in the gk folder on the current web site
example
GK tutorial
This example links to a page located in the same folder as the current PAGE::
We will update as soon as possible You can read more about File PATHS in page HTML File PATHS .
Request – If you found this post useful for you(what is HTML Links), then do not limit it to yourself(what is HTML Links), do share it