Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Styling HTML KBD and SAMP Elements for Better Documentation

Kevin Powell via YouTube

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

Reviews

Start your review of Styling HTML KBD and SAMP Elements for Better Documentation

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.