HTML Links - Hyperlinks
HTML links are hyperlinks.
You can click on a link and jump to another Page.
Note: A link does not have to be text. A link can be an image or any other HTML element!
HTML Links - Syntax
The HTML <a> tag defines a hyperlink.
It has the following syntax:
<a href="url">click here</a>
note:-URL means write any website name or picture and web page name with file extension.
No.1
#WAP Anchor Tag Href Attribute?
<html>
<head>
<title>anchor tag</title>
</head>
<body>
<a href="https://informativecodecrafter.blogspot.com/">Click here</a><br>
<a href="test.html>click here</a><!---test.html means web page save to your html folder-->
</body>
</html>
No.2
#HTML Links - The target Attribute
By default, the linked page will be displayed in the current browser window. To change this, you must specify another target for the link.
The target attribute specifies where to open the linked document.
WAP:-
<html>
<head>
<title>anchor tag</title>
</head>
<body>
<a href="https://informativecodecrafter.blogspot.com/" target="blank">Click here</a><br>
<a href="test.html>click here</a><!---test.html means web page save to your html folder-->
</body>
</html>
No.3
#Anchor tag used in this document?
<html>
<head>
<title>anchor tag</title>
</head>
<body>
<a href="#last">click here go to the last</a>
<p id="top">In this page many comnent write .Your page is scrolling..
On the
Insert tab, the galleries include items that are designed to coordinate with
the overall look of your document. You can use these galleries to insert
tables, headers, footers, lists, cover pages, and other document building
blocks. When you create pictures, charts, or diagrams, they also coordinate
with your current document look.
You can
easily change the formatting of selected text in the document text by choosing
a look for the selected text from the Quick Styles gallery on the Home tab. You
can also format text directly by using the other controls on the Home tab. Most
controls offer a choice of using the look from the current theme or using a
format that you specify directly.
To change
the overall look of your document, choose new Theme elements on the Page Layout
tab. To change the looks available in the Quick Style gallery, use the Change
Current Quick Style Set command. Both the Themes gallery and the Quick Styles
gallery provide reset commands so that you can always restore the look of your document
to the original contained in your current template.
On the
Insert tab, the galleries include items that are designed to coordinate with
the overall look of your document. You can use these galleries to insert
tables, headers, footers, lists, cover pages, and other document building
blocks. When you create pictures, charts, or diagrams, they also coordinate
with your current document look.
You can
easily change the formatting of selected text in the document text by choosing
a look for the selected text from the Quick Styles gallery on the Home tab. You
can also format text directly by using the other controls on the Home tab. Most
controls offer a choice of using the look from the current theme or using a
format that you specify directly.
To change
the overall look of your document, choose new Theme elements on the Page Layout
tab. To change the looks available in the Quick Style gallery, use the Change
Current Quick Style Set command. Both the Themes gallery and the Quick Styles
gallery provide reset commands so that you can always restore the look of your
document to the original contained in your current template.
On the
Insert tab, the galleries include items that are designed to coordinate with
the overall look of your document. You can use these galleries to insert
tables, headers, footers, lists, cover pages, and other document building
blocks. When you create pictures, charts, or diagrams, they also coordinate
with your current document look.
On the Insert tab, the galleries include items that are designed to coordinate with the overall look of your document. You can use these galleries to insert tables, headers, footers, lists, cover pages, and other document building blocks. When you create pictures, charts, or diagrams, they also coordinate with your current document look.
You can easily change the formatting of selected text in the document text by choosing a look for the selected text from the Quick Styles gallery on the Home tab. You can also format text directly by using the other controls on the Home tab. Most controls offer a choice of using the look from the current theme or using a format that you specify directly.
You can
easily change the formatting of selected text in the document text by choosing
a look for the selected text from the Quick Styles gallery on the Home tab. You
can also format text directly by using the other controls on the Home tab. Most
controls offer a choice of using the look from the current theme or using a
format that you specify directly.
To change
the overall look of your document, choose new Theme elements on the Page Layout
tab. To change the looks available in the Quick Style gallery, use the Change
Current Quick Style Set command. Both the Themes gallery and the Quick Styles
gallery provide reset commands so that you can always restore the look of your
document to the original contained in your current template.
</p>
<p id="last">
On the
Insert tab, the galleries include items that are designed to coordinate with
the overall look of your document. You can use these galleries to insert
tables, headers, footers, lists, cover pages, and other document building
blocks. When you create pictures, charts, or diagrams, they also coordinate
with your current document look.
</p>
<a href="#top">click here go to the top</a>
</body>
</html>
NO.4
#Change Link Color..
<html>
<head>
<title>change link color</title>
</head>
<body link="yellow" vlink="green" alink="black">
<a href="https://informativecodecrafter.blogspot.com/">Click here</a>
</body>
</html>
NOTE:-vlink means visited link and alink means active link.
# Create Navigation bar in your web page:-
<html>
<head>
<title></title>
</head>
<body>
<nav>
<a href="#"> Home</a>
<a href="#" >Gallery</a>
<a href="#">Service</a>
<a href="#">Contact us</a>
</nav>
</body>
</html>
#HTML Iframes
An HTML iframe is used to display a web page within a web page.
No comments:
Post a Comment
THANK YOU