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
This course is part of Build Website with HTML, JavaScript, AngularJS, and React Specialization
Instructor: Board Infinity
5,164 already enrolled
Included with
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.
Tools you'll learn
Details to know
See how employees at top companies are mastering in-demand skills
Build your subject-matter expertise
- 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 videos•Total 90 minutes
- Specialization Introduction•1 minute
- Course Introduction•1 minute
- Career and Scope•3 minutes
- Meet your Instructor•1 minute
- What you will learn in this Lesson•1 minute
- Introduction to Web Development•7 minutes
- What is HTML?•5 minutes
- What you will learn in this Lesson•1 minute
- HTML Tag•5 minutes
- Formatting HTML Tag•10 minutes
- Forms and Input Tags•13 minutes
- Iframe Tag•5 minutes
- Image Tag•4 minutes
- Video Tag•5 minutes
- Audio Tag•5 minutes
- List Tag•4 minutes
- Table Tags•8 minutes
- Semantic Tags and Non- Semantic Tags•4 minutes
- Meta Tag•6 minutes
3 readings•Total 70 minutes
- Further Reading on HTML•30 minutes
- Read more about Various HTML Tags•30 minutes
- Tell us what you think!•10 minutes
3 assignments•Total 90 minutes
- Introduction to HTML practice quiz•15 minutes
- HTML Tags - Practice Quiz •15 minutes
- HTML Graded Quiz •60 minutes
1 ungraded lab•Total 60 minutes
- Build Your First Webpage •60 minutes
1 plugin•Total 15 minutes
- Quick Course Check-In•15 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 videos•Total 235 minutes
- What you will learn in this Lesson•1 minute
- What is CSS?•3 minutes
- CSS Syntax•4 minutes
- CSS Simple Selector•6 minutes
- CSS Combined Selectors - Part 1•5 minutes
- CSS Combined Selectors - Part 2•5 minutes
- What you will learn in this Lesson•1 minute
- Pseudo-class selectors - Part 1•6 minutes
- Pseudo-class selectors - Part 2•6 minutes
- Pseudo Elements•8 minutes
- Attribute Selectors•6 minutes
- What you will learn in this Lesson•1 minute
- CSS Fonts property•5 minutes
- CSS Positions•8 minutes
- CSS Float•4 minutes
- CSS Display•4 minutes
- CSS Units•7 minutes
- What you will learn in this Lesson•1 minute
- CSS Colors•5 minutes
- CSS Background Colors•4 minutes
- CSS Box Model•9 minutes
- CSS Box-Sizing•5 minutes
- CSS Style Table•6 minutes
- CSS Icons•4 minutes
- CSS Display Grid - Part 1•9 minutes
- CSS Display Grid - Part 2•10 minutes
- CSS Navigation Bar•8 minutes
- CSS Dropdowns•7 minutes
- CSS Image Gallery and Sprites•8 minutes
- CSS Styling Images & Image Reflections•7 minutes
- CSS Forms•7 minutes
- CSS Text Effects•7 minutes
- CSS Object Fit & Position•4 minutes
- What you will learn in this Lesson•1 minute
- CSS Flexbox - Part 1•6 minutes
- CSS Flexbox - Part 2•6 minutes
- CSS Gradient•4 minutes
- CSS 2D & 3D Transform•5 minutes
- CSS Transitions•6 minutes
- CSS Animation•8 minutes
- CSS Media Queries•4 minutes
- CSS Pagination•5 minutes
- CSS Multiple Columns•5 minutes
- CSS Variables•4 minutes
5 readings•Total 165 minutes
- Learn more about CSS•30 minutes
- Further reads on Selectors•30 minutes
- Learn more about Font & Property•30 minutes
- Read more about CSS Designs•45 minutes
- Learn More about CSS Advance concepts•30 minutes
7 assignments•Total 150 minutes
- CSS Basics Practice Quiz •15 minutes
- CSS Pseudo-class selectors practice quiz•15 minutes
- CSS Fonts and Properties - Practice Quiz•15 minutes
- CSS Design - Practice Quiz 1•15 minutes
- CSS Design - Practice Quiz 2•15 minutes
- CSS Advanced Features - Practice Quiz•15 minutes
- CSS Advanced Graded Quiz•60 minutes
1 ungraded lab•Total 60 minutes
- Ungraded Lab : Getting Started with HTML and CSS•60 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 videos•Total 163 minutes
- What you will learn in this Lesson•1 minute
- Introduction to Bootstrap•4 minutes
- Bootstrap Colors•4 minutes
- Bootstrap Containers•5 minutes
- Bootstrap columns•6 minutes
- Bootstrap Display - Part 1•7 minutes
- Bootstrap Display - Part 2•6 minutes
- What you will learn in this Lesson•1 minute
- Bootstrap Images•3 minutes
- Bootstrap Buttons•4 minutes
- Bootstrap Spacing•4 minutes
- What you will learn in this Lesson•1 minute
- Bootstrap Carousel•11 minutes
- Bootstrap NavBar•8 minutes
- Bootstrap Cards•6 minutes
- Bootstrap Badges & Progress bar•8 minutes
- Pagination•4 minutes
- Bootstrap Dropdowns•8 minutes
- Bootstrap Modal•9 minutes
- Bootstrap Tooltip & Popover•5 minutes
- Bootstrap Scrollspy•3 minutes
- Project Building Part 1: Instagram Clone•5 minutes
- Project Building Part 2: Instagram Clone•16 minutes
- Project Building Part 3: Instagram Clone •13 minutes
- Project Building Part 4: Instagram Clone•13 minutes
- Project Building Part 5: Instagram Clone•8 minutes
4 readings•Total 100 minutes
- Read more about basic of Bootstrap•30 minutes
- Learn more about Bootstrap Design•30 minutes
- Learn more about Layouts and Plugins•30 minutes
- Provide your feedback!•10 minutes
4 assignments•Total 60 minutes
- Bootstrap Basics - Practice Quiz•15 minutes
- Bootstrap Design Practice Quiz•15 minutes
- Layouts and Plugins - Practice Quiz•15 minutes
- Practice Quiz - Project Building•15 minutes
1 peer review•Total 120 minutes
- Final Assignment•120 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
Offered by
Explore more from Mobile and Web Development
- B
Board Infinity
Course
- B
Board Infinity
Course
Why people choose Coursera for their career
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
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.
More questions
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.
