HYPERLINKS/LINKS: ================== ==> to navigate from one web page to another web page, we can use "hyperlinks". ==> tag is used for the hyperlinks. ==> inline element Syntax: Content/Link Text ==> describes the content of as normal text ==> to make the tag text as "link text", we can use an attribute "href" Syntax: Link Text here: href ==> Hyper Reference used to specify the navigation path Basic Link Link1 Link2 Link3 ========================================== Links: ===== the file path is called as link. ==> can be defined in two ways: 1) Absolute Links (Full links) 2) Relative Links (Short Links) folder: X-app .html .css styles .js images f1 ==> .html f2 ==> .css f3 ==> .js f4 ==> images C:\Ashok IT\Personal\UI\HTML\file.html file.html ========================================== href with "absolute link" ======================== Absolute Links Click Here ================================ href with relative path: ======================== Absolute Links Click Here
Image ==================================== Link States: ============ 1) Unvisited link ================== ==> the link which was not performed the click operation ==> default color: blue color 2) Visited link/Link state ========================== ==> the link with click operation ==> default color: purple 3) Active State/Active Link: ============================= ==> The link which is performing with click operation ==> default color: red 4) Hover State Link States Google
Ashok IT ========================================= Dummy Links: ============= Dummy Links Home
About US
Careers
Services
Contact ==================================== Link with Target Attribute: ============================ Link States Google
Ashok IT ============================================= Images: ====== ==== ==> Self closing tag ==> Null/Void element ==> Inline Element Syntax: