Free AI-powered learning to build in-demand skills
35% Off Finance Skills That Get You Hired - Code CFI35
Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn proper HTML techniques for displaying keyboard shortcuts and system output in this 13-minute tutorial video. Explore the correct implementation of the kbd element for keyboard inputs, including how to handle nested keyboard combinations. Discover the samp element for representing computer system output and see how to effectively combine kbd and samp elements together. Master styling techniques for these elements based on their nesting patterns, with practical examples and code demonstrations. Access complementary resources including code samples, documentation on MDN, and browser compatibility information for advanced CSS selectors like :has().
Syllabus
00:00 - Introduction
01:15 - the kbd element
03:00 - nested kbd elements
05:05 - html and css tip of the week
06:30 - the samp element
08:00 - using samp and kbd together
10:30 - styling them up depending on how they are nested
10:45 - kbd inside of samp
Taught by
Kevin Powell