HTML and CSS: Linking

HTML and CSS: Linking

1h 44mIntermediate2021-03-08

Authors

Jen Kramer

Jen Kramer

Teaches web design and development

Course details

Hyperlinks are the foundation of the World Wide Web, but they come in many different flavors. Do you want to link to a specific point in a document? Make a phone call, or send an email? Link from images or dedicated navigation bars instead of text? In this course, instructor Jen Kramer gives you all the tools you need to make those tasks easy. Jen goes over basic links, linking to different files and resources, and linking from images, headers, text, and more. She shows you how you can style links and individual link states using CSS selectors, then goes into how you can make exceptions and create different styles. Jen covers the steps you should take to maintain links and redirect them when necessary.

Skills covered

HTMLCSSWeb StandardsWeb DesignFront-End Web DevelopmentWeb DevelopmentOpen SourceDeep Dive (X:Y)

Concepts

Introduction

  • Hyperlinks The glue connecting the World Wide Web

Links in HTML

  • The basic link
  • Linking to offsite resources
  • Opening links in different windows and iframes
  • Linking to PDF files and other documents
  • Linking within the same document and top of page
  • Linking phone numbers
  • Linking to email addresses and email messages
  • Using images as links
  • Including several links within an image using image maps
  • Links in the head of the document

Styling Links with CSS

  • Styling links and link states
  • Making exceptions to link styling
  • Styling a text link to look like a button
  • Understanding proper navigation markup
  • Creating a simple vertical navigation bar
  • Creating a simple horizontal navigation bar

Maintaining Links

  • Checking sites for link rot and broken links
  • Redirecting links within a webpage
  • Redirecting links on the server
  • Content delivery networks
  • Controlling which links search engines follow

Conclusion

  • Next steps
40,000 Toman