HTML Practice

Setup CodePen Collection

  • Setup a CodePen collection named HTML Markup Practice

  • Save pens from this exercise to this collection

HTML Markup Practice

A markup language is one that is designed for defining and presenting text.arrow-up-right

Practice marking up HTML content with unfamiliar elements.


Practice Pens for Collection

Mark

  • Semantically use mark to highlight misspellings in this sentence.

Teh internet is a globell systamm of interconnected computerr netweerks that uses standardized communication protocols to link devices worldwide. 

Time

  • Semantically markup the current time right now

  • value for datetime attribute follows this format HR:MM e.g.12:34 is 12:34 pm

Reference

time - HTML Referencearrow-up-right

Date

  • Semantically markup the current date right now

  • value of datetime attribute follows this format YYYY-MM-DD e.g.1970-01-01 is January 1, 1970arrow-up-right

Reference

time - HTML Referencearrow-up-right

Video

Reference

video - HTML Referencearrow-up-right

Audio

Reference

video - HTML Referencearrow-up-right

Blockquote

  • Semantically markup your favorite quote

  • cite the source

Reference

blockquote - HTML Referencearrow-up-right

Address

  • Semantically markup the address to the Catalyst Building

601 E Riverside Ave

Spokane, WA 99202f

Reference

address - HTML Referencearrow-up-right

Button

Reference

button - HTML Referencearrow-up-right

Details

  • Semantically markup a toggable block of content for EWU's beloved mascot Swooparrow-up-right

  • summary text is: Who is Swoop?

  • Content displayed is: Swoop, Eastern Washington University's mascot, is an ambassador, spirit leader, and fun-loving character. Go Eags!

Reference

details - HTML Referencearrow-up-right

Phone Number

  • Semantically markup the phone number: 509-123-4567

  • On a phone-enabled device, tapping the number will make a phone call

Reference

Telephone Links: How to Add “Call-able” Links & CTA’s to Your Websitearrow-up-right

Last updated