From the course: Crafting Meaningful HTML
Unlock this course with a free trial
Join today to access over 25,300 courses taught by industry experts.
Challenge: First pass at article markup - HTML Tutorial
From the course: Crafting Meaningful HTML
Challenge: First pass at article markup
(upbeat chime) - [Instructor] Ready for a little challenge now that you've had some introduction to some of these HTML tags? Let's see if you can apply them to a new document. So I have a starting Codepen available for you. What I would like for you to do first is to read the text. Always start by reading the text. Think about what the text is saying, how it functions on the website, what's the purpose of the page, what kinds of content are present, and you might start thinking about how you would mark it up. Then I would like you to go through and mark the text up to create a meaningful, semantic document. And you want to consider some of the tags that I've talked about like h1 and all of its related headings. Paragraph, strong, and em. Various kinds of links, and ordered, unordered, and definition lists are all things that you can think about. Now in this particular document I've done this a little bit differently for you. Rather than envisioning this as a full web page, I've got…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
Explore content and add it to CodePen2m 57s
-
(Locked)
Identify major elements of a page3m 55s
-
(Locked)
Identify headings and paragraphs7m 13s
-
(Locked)
Enhance an article with emphasis and links5m 37s
-
(Locked)
Ordered, unordered, and definition lists6m 7s
-
(Locked)
Challenge: First pass at article markup1m 33s
-
(Locked)
Solution: First pass at article markup3m 16s
-
-
-
-