VOOZH about

URL: https://www.coursera.org/learn/build-a-webpage-with-html-and-css

⇱ Build a Webpage with HTML and CSS | Coursera


Build a Webpage with HTML and CSS

Ends soon! Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.

Build a Webpage with HTML and CSS

5,164 already enrolled

Included with

Gain insight into a topic and learn the fundamentals.
4.5

26 reviews

Beginner level

Recommended experience

2 weeks to complete
at 10 hours a week

Gain insight into a topic and learn the fundamentals.
4.5

26 reviews

Beginner level

Recommended experience

2 weeks to complete
at 10 hours a week

What you'll learn

  • Structure and build web pages from scratch using essential HTML tags, elements, and attributes.

  • Style and format your website by applying CSS for layout, colors, fonts, and responsive design.

  • Create visually appealing, mobile-friendly sites using Bootstrap’s pre-built components and grid system.

  • Apply modern web design best practices to ensure accessibility, usability, and cross-device compatibility.

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

14 assignments¹

AI Graded see disclaimer
Taught in English
Flexible schedule
Learn at your own pace

Build your subject-matter expertise

This course is part of the Build Website with HTML, JavaScript, AngularJS, and React Specialization
When you enroll in this course, you'll also be enrolled in this Specialization.
  • Learn new concepts from industry experts
  • Gain a foundational understanding of a subject or tool
  • Develop job-relevant skills with hands-on projects
  • Earn a shareable career certificate

There are 3 modules in this course

The Build a Webpage with HTML and CSS course is designed for complete beginners who want to learn how to create a web page, even with no prior coding experience. You’ll discover how to structure content using HTML, style your site with CSS, and apply responsive design principles with Bootstrap—all while building a real, shareable web page from scratch.

In the first module, you’ll explore the fundamentals of HTML, including document structure, essential tags, and how to organize content for clarity and accessibility. You’ll learn how to use HTML to create headings, lists, images, links, tables, and forms, and understand the importance of clean, well-nested code. The second module focuses on CSS, teaching you how to style and format your web page using selectors, properties, and advanced features like Flexbox and Grid. You’ll master how to control layout, typography, and color, and see how CSS can transform a basic HTML page into a visually engaging website. The final module introduces Bootstrap, a powerful framework for building responsive, mobile-friendly websites. You’ll work with Bootstrap’s pre-built components, grid system, and utilities to create professional-looking layouts that adapt to any device. By the end, you’ll have a fully functional, modern web page and the foundational skills to start a website or pursue further web development. By the end of this course, you will confidently: 1. Build and structure web pages using HTML tags, elements, and attributes 2. Style and format your web page with CSS for layout, colors, and typography 3. Create responsive, professional websites using Bootstrap’s components and grid system 4. Apply web design best practices to ensure your site is visually appealing and accessible 5. Share a real, working web page as part of your portfolio or online presence This course is ideal for those who: - Want a step-by-step, hands-on introduction to how to create a web page and html and css - Are new to web development and eager to build foundational digital skills - Prefer learning by doing and applying knowledge to real projects - Are exploring web design for personal, school, or professional growth This course empowers you to start a website, code a web page, and build your confidence with practical, in-demand digital skills for today’s online world. Disclaimer: This course is an independent educational resource developed by Board Infinity and is not affiliated with, endorsed by, sponsored by, or officially associated with Alphabet Inc, Meta, or any of their subsidiaries or affiliates. This course is not official preparation material for any of these companies. All trademarks, service marks, company names, logos, and brand names mentioned are the property of their respective owners and are used for identification, educational, and informational purposes only. No claim is made to exclusive rights to use any third-party trademarks apart from their context in this educational material.

Begin your web development journey by learning the essentials of HTML, the language that structures all web content. This module covers the anatomy of an HTML document, how to use tags and attributes, and best practices for organizing and nesting your code. You’ll gain hands-on experience creating headings, lists, links, images, tables, and forms, building a strong foundation for any website.

What's included

19 videos3 readings3 assignments1 ungraded lab1 plugin

19 videosTotal 90 minutes
  • Specialization Introduction1 minute
  • Course Introduction1 minute
  • Career and Scope3 minutes
  • Meet your Instructor1 minute
  • What you will learn in this Lesson1 minute
  • Introduction to Web Development7 minutes
  • What is HTML?5 minutes
  • What you will learn in this Lesson1 minute
  • HTML Tag5 minutes
  • Formatting HTML Tag10 minutes
  • Forms and Input Tags13 minutes
  • Iframe Tag5 minutes
  • Image Tag4 minutes
  • Video Tag5 minutes
  • Audio Tag5 minutes
  • List Tag4 minutes
  • Table Tags8 minutes
  • Semantic Tags and Non- Semantic Tags4 minutes
  • Meta Tag6 minutes
3 readingsTotal 70 minutes
  • Further Reading on HTML30 minutes
  • Read more about Various HTML Tags30 minutes
  • Tell us what you think!10 minutes
3 assignmentsTotal 90 minutes
  • Introduction to HTML practice quiz15 minutes
  • HTML Tags - Practice Quiz 15 minutes
  • HTML Graded Quiz 60 minutes
1 ungraded labTotal 60 minutes
  • Build Your First Webpage 60 minutes
1 pluginTotal 15 minutes
  • Quick Course Check-In15 minutes

Transform plain HTML pages into visually engaging websites by mastering CSS. This module introduces CSS syntax, selectors, and properties, teaching you how to style text, adjust layout, and add color and spacing. You’ll also explore responsive design concepts and learn how to make your site look great on any device.

What's included

44 videos5 readings7 assignments1 ungraded lab

44 videosTotal 235 minutes
  • What you will learn in this Lesson1 minute
  • What is CSS?3 minutes
  • CSS Syntax4 minutes
  • CSS Simple Selector6 minutes
  • CSS Combined Selectors - Part 15 minutes
  • CSS Combined Selectors - Part 25 minutes
  • What you will learn in this Lesson1 minute
  • Pseudo-class selectors - Part 16 minutes
  • Pseudo-class selectors - Part 26 minutes
  • Pseudo Elements8 minutes
  • Attribute Selectors6 minutes
  • What you will learn in this Lesson1 minute
  • CSS Fonts property5 minutes
  • CSS Positions8 minutes
  • CSS Float4 minutes
  • CSS Display4 minutes
  • CSS Units7 minutes
  • What you will learn in this Lesson1 minute
  • CSS Colors5 minutes
  • CSS Background Colors4 minutes
  • CSS Box Model9 minutes
  • CSS Box-Sizing5 minutes
  • CSS Style Table6 minutes
  • CSS Icons4 minutes
  • CSS Display Grid - Part 19 minutes
  • CSS Display Grid - Part 210 minutes
  • CSS Navigation Bar8 minutes
  • CSS Dropdowns7 minutes
  • CSS Image Gallery and Sprites8 minutes
  • CSS Styling Images & Image Reflections7 minutes
  • CSS Forms7 minutes
  • CSS Text Effects7 minutes
  • CSS Object Fit & Position4 minutes
  • What you will learn in this Lesson1 minute
  • CSS Flexbox - Part 16 minutes
  • CSS Flexbox - Part 26 minutes
  • CSS Gradient4 minutes
  • CSS 2D & 3D Transform5 minutes
  • CSS Transitions6 minutes
  • CSS Animation8 minutes
  • CSS Media Queries4 minutes
  • CSS Pagination5 minutes
  • CSS Multiple Columns5 minutes
  • CSS Variables4 minutes
5 readingsTotal 165 minutes
  • Learn more about CSS30 minutes
  • Further reads on Selectors30 minutes
  • Learn more about Font & Property30 minutes
  • Read more about CSS Designs45 minutes
  • Learn More about CSS Advance concepts30 minutes
7 assignmentsTotal 150 minutes
  • CSS Basics Practice Quiz 15 minutes
  • CSS Pseudo-class selectors practice quiz15 minutes
  • CSS Fonts and Properties - Practice Quiz15 minutes
  • CSS Design - Practice Quiz 115 minutes
  • CSS Design - Practice Quiz 215 minutes
  • CSS Advanced Features - Practice Quiz15 minutes
  • CSS Advanced Graded Quiz60 minutes
1 ungraded labTotal 60 minutes
  • Ungraded Lab : Getting Started with HTML and CSS60 minutes

Accelerate your web development with Bootstrap, a powerful framework for building responsive and professional-looking websites. This module covers the Bootstrap grid system, pre-built UI components, and utilities for rapid prototyping. You’ll practice building layouts that adapt seamlessly to desktops, tablets, and smartphones.

What's included

26 videos4 readings4 assignments1 peer review

26 videosTotal 163 minutes
  • What you will learn in this Lesson1 minute
  • Introduction to Bootstrap4 minutes
  • Bootstrap Colors4 minutes
  • Bootstrap Containers5 minutes
  • Bootstrap columns6 minutes
  • Bootstrap Display - Part 17 minutes
  • Bootstrap Display - Part 26 minutes
  • What you will learn in this Lesson1 minute
  • Bootstrap Images3 minutes
  • Bootstrap Buttons4 minutes
  • Bootstrap Spacing4 minutes
  • What you will learn in this Lesson1 minute
  • Bootstrap Carousel11 minutes
  • Bootstrap NavBar8 minutes
  • Bootstrap Cards6 minutes
  • Bootstrap Badges & Progress bar8 minutes
  • Pagination4 minutes
  • Bootstrap Dropdowns8 minutes
  • Bootstrap Modal9 minutes
  • Bootstrap Tooltip & Popover5 minutes
  • Bootstrap Scrollspy3 minutes
  • Project Building Part 1: Instagram Clone5 minutes
  • Project Building Part 2: Instagram Clone16 minutes
  • Project Building Part 3: Instagram Clone 13 minutes
  • Project Building Part 4: Instagram Clone13 minutes
  • Project Building Part 5: Instagram Clone8 minutes
4 readingsTotal 100 minutes
  • Read more about basic of Bootstrap30 minutes
  • Learn more about Bootstrap Design30 minutes
  • Learn more about Layouts and Plugins30 minutes
  • Provide your feedback!10 minutes
4 assignmentsTotal 60 minutes
  • Bootstrap Basics - Practice Quiz15 minutes
  • Bootstrap Design Practice Quiz15 minutes
  • Layouts and Plugins - Practice Quiz15 minutes
  • Practice Quiz - Project Building15 minutes
1 peer reviewTotal 120 minutes
  • Final Assignment120 minutes

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructor

Instructor ratings
4.3 (8 ratings)
Board Infinity
263 Courses433,341 learners

Explore more from Mobile and Web Development

Why people choose Coursera for their career

👁 Image

Felipe M.

Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
👁 Image

Jennifer J.

Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
👁 Image

Larry W.

Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
👁 Image

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Learner reviews

  • 5 stars

    73.07%

  • 4 stars

    15.38%

  • 3 stars

    3.84%

  • 2 stars

    0%

  • 1 star

    7.69%

Showing 3 of 26

SN
·

Reviewed on Jan 13, 2024

The course is well-designed, and beginner friendly.

Frequently asked questions

Yes, this course is designed for complete beginners who want to learn how to create a web page from scratch. You’ll start with the basics of HTML and CSS, and each lesson uses simple language and step-by-step guidance. No prior coding or web development experience is required.

All you need is a computer, a modern web browser like Chrome or Firefox, and a free code editor such as Visual Studio Code or Sublime Text. The course provides setup instructions so you can start coding HTML and CSS right away. No paid software or advanced hardware is necessary.

Yes, each module features hands-on exercises and downloadable html web page examples with source code. You’ll build your own web page step-by-step and practice coding with real-world scenarios.

Yes, the course covers responsive web design using CSS and Bootstrap. You’ll learn how to create layouts that adapt to different screen sizes, ensuring your site looks great on phones, tablets, and desktops.

Yes, each module includes quizzes and practical exercises to help reinforce your learning. These assessments ensure you understand how to code a website and apply HTML and CSS concepts effectively.

Most learners complete the course in 2-4 weeks, depending on their schedule and pace. The course is self-paced, so you can learn how to create a web page at your own speed.

Yes, the course covers how to style images, buttons, navigation bars, and other UI elements using CSS and Bootstrap. This ensures your web pages are attractive and user-friendly.

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

Financial aid available,

¹ Some assignments in this course are AI-graded. For these assignments, your data will be used in accordance with Coursera's Privacy Notice.