Bummer! This is just a preview. You need to be signed in with an account to view the entire instruction.
- Coding Links in HTML
- Using Link Attributes for Accessibility
- Controlling Link Behavior with Attributes
- Styling Links with CSS
- Improving Accessibility and Usability
- Examples of Complex Link Implementations
- How to Open Links in a New Browser Window or Tab
- Creating and Linking to Placeholders
- How to Link to a Media File
- How to Create an Email Link
- How to Create a Phone Link
- Example: Contact Section with Email and Phone Links
- Links, Hyperlinks, and Blank Targeting Quiz 5 questions
Well done!
You have completed (UPI) Chapter 6: Navigating with HTML Links and Structuring Data with Tables!
Instruction
Styling Links with CSS
You can use CSS to change the appearance of links in various states: unvisited, visited, hovered, focused, and active. CSS pseudo-classes help target each state.
Common Link Pseudo-Classes and Their Default Styles
Pseudo-Class
State
Default Style
:link
Unvisited links
Blue underline
:visited
Visited links
Purple underline
:hover
Link when mouse hovers
No default
:focus
Link when ...