From the course: HTML for Programmers
Join today to access over 24,800 courses taught by industry experts.
Create a blog post list
From the course: HTML for Programmers
Create a blog post list
- [Instructor] Here is a mockup for a list of three blog posts. Your job is to take this mockup and write HTML code that will represent the content. The content for each post is already in the code editor for you. You can find the images in the assets folder. Be sure to use semantic HTML where appropriate. Remember, that you're focused on the structure and not the style. Pause the video here and come back when you've coded your solution. So, you might remember from the text content chapter, you should only have one h1 one per page and all subsequent headers should follow the hierarchy. As such, I'll set these headings as h2s. For the post description, I'll use a paragraph element. For the topic tag, there is no semantic html element that accurately describes this content. Since the topic tag and the reading length are sitting inline in our design, I'll use a span for both elements. Finally, we'll add the image.…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.