OpenCourser brand icon
Sign in
We may earn an affiliate commission when you visit our partners.

Building Web Pages with HTML & CSS

University of Washington Team

If you’re ready to dive into the world of web development, this course is your launchpad. Whether you’re a graphic designer itching to build the sites you mock up, an instructional designer wanting to finesse HTML in your LMS, an entrepreneur looking to put your business online, or just developing skills for a side hustle—this course is for you. Taught by real-deal front-end developers who’ve cut their teeth on websites for top tech and e-tail companies, you’re learning from the best right here in Seattle.

Read more

If you’re ready to dive into the world of web development, this course is your launchpad. Whether you’re a graphic designer itching to build the sites you mock up, an instructional designer wanting to finesse HTML in your LMS, an entrepreneur looking to put your business online, or just developing skills for a side hustle—this course is for you. Taught by real-deal front-end developers who’ve cut their teeth on websites for top tech and e-tail companies, you’re learning from the best right here in Seattle.

This course covers the essentials, guiding you through single-page HTML and CSS files. You’ll get hands-on with Git and GitHub, learning version control and how to host your projects like a pro on GitHub Pages. And it doesn’t stop there—your instructors are packed with insider tips, straight from years of industry experience, to give you a leg up. By the end, you’ll not only know how to write solid HTML and CSS but also how to handle AI-generated code like a champ. And the best part? You’ll create your own single-page website on any topic you choose, turning theory into real-world skills. This isn’t just about learning code—it’s about getting in the game.

Enroll now

What's inside

Syllabus

Module 2: Semantic HTML and Introduction to CSS
In this module, you will gain the skills to enhance your web development projects by leveraging HTML and CSS effectively. You’ll learn to use semantic HTML elements, which not only improve the accessibility of your web pages but also boost their SEO performance by making your content more understandable to search engines. You’ll be able to analyze and optimize HTML code for accessibility, ensuring that images include descriptive alt text for screen readers and search engines. Additionally, you’ll learn how to format images, making sure they are both accessible and optimized for various devices. On the CSS front, you’ll start to transform the visual appeal of your web pages. You’ll start with the basics of CSS syntax and selectors, enabling you to apply styles to different HTML elements. As you progress, you’ll explore advanced CSS selectors, allowing you to target specific elements and apply unique styles, thus enhancing the functionality and aesthetics of your web projects. By the end of this module, you’ll be proficient in validating your HTML and CSS code to adhere to web standards and best practices, and you’ll be adept at using Git for version control, ensuring smooth collaboration and management of your web development projects.
Read more

Traffic lights

Read about what's good
what should give you pause
and possible dealbreakers
Teaches how to host websites using GitHub Pages, which allows entrepreneurs to showcase their work and share it with others, providing a professional platform
Covers CSS syntax and selectors, enabling designers to apply styles to different HTML elements and enhance the functionality and aesthetics of web projects
Explores semantic HTML elements, which improve the accessibility of web pages and boost their SEO performance, making content more understandable to search engines
Introduces Git, a version control system that helps manage and track changes in code, and GitHub, a platform for hosting Git repositories, which are essential for web development
Explores advanced CSS techniques like pseudoclasses and attribute selectors, enabling developers to style elements based on their state or attributes for interactive web pages
Requires using Git via the command line, which may be a barrier for learners who prefer graphical user interfaces or those unfamiliar with command-line tools

Save this course

Create your own learning path. Save this course to your list so you can find it easily later.
Save

Reviews summary

Solid introduction to html and css

According to learners, this course provides a solid foundation in building web pages using HTML and CSS. Students appreciate the clear explanations and the opportunity for hands-on practice through coding exercises and projects. Many found it to be an excellent starting point for learning front-end development, particularly the modules covering core HTML structure, CSS styling, and layout fundamentals. The inclusion of Git and GitHub basics was frequently highlighted as a valuable, practical skill, although some noted this section presented a slight learning curve. Overall, the course is seen as well-structured and highly beneficial for beginners.
Generally good pace, occasionally fast.
"The pace was perfect for a beginner – not too fast, not too slow."
"Some sections felt a bit rushed, especially when introducing new tools like Git, but overall manageable."
"For someone with a little prior knowledge, the early parts might feel slow, but it quickly picks up pace."
"I found the course pace to be just right, allowing me enough time to practice the concepts."
Includes essential version control skills.
"Learning Git and GitHub along with HTML/CSS was incredibly useful. It's a crucial skill for any developer."
"I hadn't used version control before, and the introduction to Git/GitHub in this course was very clear and practical."
"Adding Git and GitHub to the curriculum sets this course apart and makes it more relevant for real-world development."
"Initially, the Git section felt a bit steep, but practicing the commands made it click. It's a necessary skill they included well."
Concepts are explained simply and clearly.
"The instructors did a great job explaining potentially complex topics in a simple and understandable way."
"I never felt lost because the concepts were broken down into bite-sized, easy-to-follow lessons."
"The clarity of the video lectures was a major plus. I could easily follow along and understand why things worked."
"The explanations were very clear, making it easy to apply the learned concepts in the assignments."
Practical exercises solidify understanding.
"The hands-on coding and projects are the strongest part of the course for me. Building something real makes a huge difference."
"I really appreciated the practical exercises after each lesson. They helped reinforce what was taught."
"Building my own website project at the end was the best way to pull everything together that I had learned."
"The assignments were challenging enough to make me think but not so hard that they were discouraging."
An accessible and effective starting point.
"This course is excellent for absolute beginners in web development. It starts with the basics and builds up gradually."
"As someone new to coding, I found the material easy to digest and the exercises helpful in grasping the concepts."
"If you have zero experience with HTML/CSS, this course provides a very gentle and thorough introduction."
"I was a complete novice and this course gave me the confidence to start building my own web pages."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Building Web Pages with HTML & CSS with these activities:
Review Basic HTML Structure
Reinforce your understanding of fundamental HTML elements and webpage structure before diving into more advanced concepts.
Show steps
  • Review the basic HTML skeleton: DOCTYPE, html, head, body.
  • Practice creating a simple webpage with headings, paragraphs, and lists.
  • Familiarize yourself with common HTML tags and their uses.
Practice Git Commands
Sharpen your Git skills to effectively manage and track changes in your code throughout the course.
Show steps
  • Review basic Git commands: init, add, commit, push, pull.
  • Create a practice repository and experiment with branching and merging.
  • Familiarize yourself with resolving merge conflicts.
Read 'HTML and CSS: Design and Build Websites' by Jon Duckett
Supplement your learning with a comprehensive guide to HTML and CSS, providing a strong foundation for web development.
View HTML and CSS on Amazon
Show steps
  • Read the chapters covering HTML structure, CSS selectors, and the box model.
  • Experiment with the code examples provided in the book.
  • Take notes on key concepts and techniques.
Four other activities
Expand to see all activities and additional details
Show all seven activities
CodePen Challenges: HTML & CSS
Practice your HTML and CSS skills by tackling coding challenges on CodePen to reinforce your understanding of course concepts.
Show steps
  • Find HTML and CSS challenges on CodePen.
  • Attempt to replicate the designs using your knowledge of HTML and CSS.
  • Compare your solution with the original and identify areas for improvement.
Build a Personal Portfolio Website
Apply your knowledge by building a personal portfolio website to showcase your skills and projects.
Show steps
  • Plan the structure and content of your portfolio website.
  • Create the HTML structure with semantic elements.
  • Style the website using CSS, focusing on layout and visual appeal.
  • Host your website on GitHub Pages.
Read 'Eloquent JavaScript' by Marijn Haverbeke
Expand your web development skills by learning JavaScript, a crucial language for adding interactivity to websites.
View Eloquent JavaScript, 4th Edition: A Modern... on Amazon
Show steps
  • Read the introductory chapters on JavaScript syntax and data types.
  • Experiment with the code examples in your browser's console.
  • Try to implement simple interactive features on your portfolio website.
Contribute to an Open Source Project
Gain real-world experience by contributing to an open-source project that uses HTML and CSS.
Show steps
  • Find an open-source project on GitHub that interests you.
  • Read the project's contribution guidelines.
  • Identify a small bug or feature to work on.
  • Submit a pull request with your changes.

Career center

Learners who complete Building Web Pages with HTML & CSS will develop knowledge and skills that may be useful to these careers:
Web Developer
The role of the web developer involves building and maintaining websites. Given that this course focuses on the essentials, guiding learners through single-page HTML and CSS files, it may be useful for anyone considering a career as a web developer. You will learn how to write solid HTML and CSS, plus how to handle AI generated code. This course also covers using Git and GitHub for version control, and how to host your projects on GitHub Pages, which are all essential skills that a web developer needs to succeed. You will also create your own website, a great way to showcase your skills. Module 1 focuses on preparing you for a potential career as a web developer.
See salaries and explore the career path for Web Developer
Front-End Developer
A front end developer is someone who implements website designs through HTML, CSS, and JavaScript. Learning HTML and CSS is critical to this role. This course helps build a foundation in front end development by teaching you to write solid HTML and CSS as well as how to handle AI generated code. A front end web developer should also know how to use Git and GitHub for version control and how to host projects on GitHub Pages, which are skills that this course teaches with a hands-on approach. Modules 3 and 4 in particular will equip you to function as a front end web developer as they cover CSS techniques and creating external CSS files.
See salaries and explore the career path for Front-End Developer
Entrepreneur
An entrepreneur is a person who organizes and operates a business or businesses, taking on greater than normal financial risks in order to do so. If you're an entrepreneur looking to put your business online, this course is for you. After taking this course, you will know how to write solid HTML and CSS and also how to handle AI generated code. You will also learn how to build and host websites using Git and GitHub, which is essential for an entrepreneur. Module 4 especially provides the skills to create more complex and professional websites.
See salaries and explore the career path for Entrepreneur
User Interface Engineer
A user interface engineer focuses on the design and implementation of user interfaces for websites and software applications. As this course covers the essentials of HTML and CSS, guiding learners through single-page HTML and CSS files, it may be useful for those seeking to become user interface engineers. You will learn how to write solid HTML and CSS and how to handle AI generated code. You will also learn about Git and GitHub, version control, and hosting projects on GitHub Pages. You will also get to create your own single-page website, which can be used to display your skills. Module 3 covers advanced CSS that helps you become a better engineer.
See salaries and explore the career path for User Interface Engineer
Web Designer
Web designers plan, create, and code internet sites and web pages, many of which combine text with sounds, pictures, graphics, and video clips. Because this course teaches the essentials of HTML and CSS, it helps build a foundation for a career as a web designer. You will learn how to write solid HTML and CSS while also learning how to handle AI generated code. You'll also get experience with Git and GitHub, manage version control, and host websites on GitHub Pages. This course is especially designed for graphic designers, looking to build the sites you mock up. You get insider tips straight from real-world experience to give you a leg up.
See salaries and explore the career path for Web Designer
Instructional Designer
Instructional designers create learning experiences. If you are an instructional designer, you want to finesse the HTML in your learning management systems. By the end of this course, you'll know how to write solid HTML and CSS as well as knowing how to handle AI generated code. Module 2 teaches about optimizing HTML code for accessibility, which will be helpful in your design work, and you will have the ability to create your own single-page website. You can host it on GitHub Pages.
See salaries and explore the career path for Instructional Designer
UX Designer
A user experience designer focuses on the overall experience a user has while interacting with a website or application. While UX design goes beyond just the visual aspects, understanding HTML and CSS, as taught in this course, helps build a foundation for a UX designer to communicate effectively with developers. The course teaches you to write solid HTML and CSS and how to handle AI generated code. Understanding the technical aspects of web development makes it easier to make informed design decisions and collaborate effectively on projects. You'll learn version control and how to host your projects like a pro.
See salaries and explore the career path for UX Designer
E-commerce Specialist
An e-commerce specialist manages online sales and marketing activities for an e-commerce business. Understanding HTML and CSS may be useful for customizing product pages, creating promotional banners, and managing website content that is part of your e-commerce strategy. This course will give you the skills to write solid HTML and CSS and to handle AI generated code. This course is especially useful for entrepreneurs looking to put their businesses online, and module 2 covers SEO performance, a vital part of your work.
See salaries and explore the career path for E-commerce Specialist
Digital Content Manager
The role of a digital content manager involves planning, creating, and managing digital content across various online platforms. Learning HTML and CSS, as taught in this course, helps you understand how content is structured and presented on websites. By the end, you will know how to write solid HTML and CSS as well as how to handle AI generated code. Module 2 teaches how to improve a website's SEO performance.
See salaries and explore the career path for Digital Content Manager
Digital Marketing Specialist
A digital marketing specialist develops and implements strategies to promote products or services online. Knowing HTML and CSS, taught in this course, may be useful for customizing email templates, landing pages, and website content. This course gives digital marketing specialists the ability to handle AI generated code. By the end you will know how to write solid HTML and CSS. Module 2 teaches about SEO performance, which may be useful to a marketing specialist.
See salaries and explore the career path for Digital Marketing Specialist
Content Creator
Content creators are responsible for creating engaging written, visual, or multimedia content. Understanding HTML and CSS, taught in this course, may allow a content creator to format and style content effectively for web platforms. The ability to write solid HTML and CSS and handle AI generated code will also allow content creators to create a single-page website on any topic. Understanding SEO performance will also assist in getting more viewers.
See salaries and explore the career path for Content Creator
Technical Writer
The work of a technical writer involves creating documentation and guides for technical products or services. As this course teaches the essentials of HTML and CSS, it may be useful for technical writers who need to format and structure online documentation. Knowing how to write web pages and host them on GitHub Pages broadens your skill set. Learning how to handle AI generated code is also useful, and module 2 teaches how to optimize HTML code for accessibility.
See salaries and explore the career path for Technical Writer
Project Manager
A project manager is responsible for planning, executing, and closing projects. Though project managers typically do not need to code, knowing HTML and CSS, as taught in this course, may be useful in understanding the technical aspects of web development projects. Because you will learn to write solid HTML and CSS and to handle AI generated code, you will become more conversant in the technology. You will also learn how to use Git and GitHub, version control, and how to host projects on GitHub Pages. Module 4 in particular will provide the skills to create robust and professional websites.
See salaries and explore the career path for Project Manager
Technical Support Specialist
A technical support specialist provides assistance to users experiencing technical issues with software, hardware, or systems. Gaining familiarity with HTML and CSS through this course may be useful for troubleshooting web-related problems and understanding website structures. By the end of this course, you will be able to write solid HTML and CSS and to handle AI generated code. Module 2's teachings on Semantic HTML, improving accessibility of web pages, may be useful in your work.
See salaries and explore the career path for Technical Support Specialist
Data Analyst
Data analysts examine and interpret data to identify trends, patterns, and insights that can help organizations make better decisions. While this course doesn't directly involve data analysis, understanding HTML and CSS may be useful for presenting data visually on web pages. By the end of this course, you will get the ability to write solid HTML and CSS and handle AI generated code. Module 4 also provides the skills to help you create visually appearing websites.
See salaries and explore the career path for Data Analyst

Reading list

We've selected two books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Building Web Pages with HTML & CSS.
Cover image
HTML and CSS
Save
Provides a visually engaging and comprehensive introduction to HTML and CSS. It's an excellent resource for beginners, offering clear explanations and practical examples. The book's focus on design principles also makes it valuable for understanding how to create aesthetically pleasing websites. It serves as a useful reference throughout the course and beyond.
HTML and CSS
Paperback
Check
HTML and CSS
Kindle Edition
Check
Cover image
Eloquent JavaScript, 4th Edition
Save
While this course focuses on HTML and CSS, 'Eloquent JavaScript' provides a solid introduction to JavaScript, which is essential for interactive web development. Understanding JavaScript will allow you to add dynamic functionality to your websites. is best used as additional reading to expand your skillset beyond the scope of this course. It is commonly used as a textbook at academic institutions.
Eloquent JavaScript, 4th Edition: A Modern...
Paperback
$$

Share

Help others find this course page by sharing it with your friends and followers:
Facebook
LinkedIn
Reddit
X
Link
Email

Similar courses

Similar courses are unavailable at this time. Please try again later.
Effort
2 weeks of study, 2-4 hours/week
Level
Introductory
Via
Coursera
Institution
University of Washington
Instructor
University of Washington Team
Session
March 17, 2025 - April 21, 2025
Language
English
Traffic lights
Read about what's good
what should give you pause
and possible dealbreakers
Teaches how to host websites using GitHub Pages, which allows entrepreneurs to showcase their work and share it with others, providing a professional platform
Covers CSS syntax and selectors, enabling designers to apply styles to different HTML elements and enhance the functionality and aesthetics of web projects
Explores semantic HTML elements, which improve the accessibility of web pages and boost their SEO performance, making content more understandable to search engines
Introduces Git, a version control system that helps manage and track changes in code, and GitHub, a platform for hosting Git repositories, which are essential for web development
Explores advanced CSS techniques like pseudoclasses and attribute selectors, enabling developers to style elements based on their state or attributes for interactive web pages
Requires using Git via the command line, which may be a barrier for learners who prefer graphical user interfaces or those unfamiliar with command-line tools
Share this
Share to help others discover this course.
Facebook LinkedIn X Reddit Link Email
Begin learning today
Enroll now to gain full access to Building Web Pages with HTML & CSS.
Enroll now
Save for later
Add this course to your list. Find it anytime.
Save
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2025 OpenCourser