This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Beginner HTML & CSS: Build your own personal blog!
Let's get started
Welcome to the course! (2:29)
Required tools (2:57)
Choose your theme! (0:59)
What is HTML & CSS? (2:13)
Creating our awesome landing page
Starting a web project (2:45)
Structuring HTML pages (5:48)
Creating the header (4:30)
Semantic HTML and layout (3:26)
Links, nesting and indentation (4:08)
Div tags and text (4:19)
Internal CSS and Google fonts (7:13)
Classes and ID's (2:51)
Introduction to Flexbox and responsive design (2:40)
Header CSS, margin & padding (7:14)
Where to find great stock images (3:40)
Background images and Flexbox positioning (6:38)
Final styling for small screens (4:49)
Introduction to media queries (8:01)
External stylesheets (4:09)
Moving on to our blog
Adding the blog page (2:07)
Creating blog posts (9:30)
Sidebar social media icons (7:43)
Introduction to tables and HTML entities (8:51)
Blog styling and psuedo classes (7:06)
Blog styling for larger devices (3:56)
Browser support (2:10)
Browser developer tools intro (3:09)
Speed up your coding with Emmet (3:13)
Block vs inline elements (2:30)
Thank you and final challenge
Final challenge (0:58)
Final step (1:49)
Keep on learning
Choose your theme!
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock