When will I have access to the lectures and assignments?

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.

What will I get if I subscribe to this Specialization?

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.

Is financial aid available?

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.

Introduction to building Web Pages using HTML5 and CSS3

Introduction to building Web Pages using HTML5 and CSS3

This course is part of Frontend Development using React Specialization

Instructor: NIIT

6,124 already enrolled

Included with

Learn more

4 modules

Gain insight into a topic and learn the fundamentals.

37 reviews

Beginner level

No prior experience required

1 week to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

4 modules

Gain insight into a topic and learn the fundamentals.

37 reviews

Beginner level

No prior experience required

1 week to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

What you'll learn

Learn to create easily accessible, attractive, and static web pages using HTML5 and CSS3

Skills you'll gain

Tools you'll learn

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

4 assignments

Taught in English

91%

of learners achieved a positive career outcome

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Build your subject-matter expertise

This course is part of the Frontend Development using 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 4 modules in this course

Web content is accessed by millions across the globe every day. Attractive web pages help businesses grow and provide an omnipresent experience to the viewers.

In this course you will get an understanding on how HTML5 is used to structure simple web pages from scratch and how CSS3 enhances their appearance. The customized learning environment and step-by step teaching approach of this course augments the learning experience. The real-world scenarios and challenges presented during the course will train you to resolve the different challenges that front-end engineers stumble upon in their work life.

Module details

In this learning sprint you will learn to structure a web page using HTML5 and you will also learn the anatomy of a web page , usage of various HTML elements and the tools used to build web pages quickly .

What's included

14 videos3 readings1 assignment2 programming assignments

14 videosTotal 54 minutes

Context Setting2 minutes
Anatomy of a HTML element and a HTML document5 minutes
Watch and Repeat : Create a HTML document in notepad/text editor3 minutes
Create a web page using commonly used HTML5 elements3 minutes
Watch and Repeat : Downloading and Installing VS code4 minutes
Watch and Repeat : Creating header and paragraph elements in a HTML file6 minutes
Watch and Repeat : Creating image , anchor and list tags in a HTML file 8 minutes
Install a HTTP server to deliver web pages2 minutes
Use Emmet Tool Kit and multi cursor feature in VS Code2 minutes
Watch and Repeat : Emmet Toolkit and Multi-cursor13 minutes
Practice Brief 11 minute
Practice Brief 21 minute
Practice Debrief :: Develop a web page using HTML2 minutes
Learning Consolidation1 minute

3 readingsTotal 45 minutes

IDE for creating HTML documents and W3C Compliance10 minutes
Instructions to upload the Programming Assignment Solution5 minutes
Develop a web page using HTML30 minutes

1 assignmentTotal 30 minutes

Develop a web page using HTML530 minutes

2 programming assignmentsTotal 75 minutes

The World Wide Web30 minutes
Pentogram Font Catalog Challenge45 minutes

In this learning sprint you will learn to semantically structure web pages which will make machines understand web pages. You will also learn how semantically designed web pages helps people with disabilities.

What's included

12 videos1 reading1 assignment1 programming assignment

12 videosTotal 39 minutes

Context Setting1 minute
Differentiate between non-semantic and semantic elements3 minutes
Watch and Repeat : Semantic and Non-Semantic Elements8 minutes
Identify the benefits of using semantic elements2 minutes
Explain the use of semantic markup by screen readers for page navigation4 minutes
Watch and Repeat : Aria Lables4 minutes
Structure a web page using semantic HTML elements4 minutes
Watch and Repeat : Popular semantic HTML5 elements5 minutes
Watch and Repeat : Semantic elements like Footer, Figure and Details2 minutes
Practice Brief2 minutes
Practice Debrief2 minutes
Learning Consolidation1 minute

1 readingTotal 10 minutes

Structure a Web page using Semantic and HTML5 elements10 minutes

1 assignmentTotal 30 minutes

Structure a Web page using Semantic and HTML5 elements30 minutes

1 programming assignmentTotal 75 minutes

Positive Work Environment Task Force Challenge75 minutes

In this learning sprint will learn to style your web pages using CSS , web pages with only information and no styles makes it less appealing.

What's included

10 videos1 reading1 assignment1 programming assignment

10 videosTotal 44 minutes

Context Setting2 minutes
Use CSS to style a HTML page2 minutes
Watch and Repeat : Different ways of applying styles9 minutes
Select HTML elements using CSS selectors3 minutes
Watch and Repeat : Select HTML elements using CSS selectors9 minutes
Apply styles to an HTML element using CSS properties8 minutes
Watch and Repeat : Apply styles using CSS properties6 minutes
Practice Brief2 minutes
Practice Debrief3 minutes
Learning Consolidation1 minute

1 readingTotal 10 minutes

Style a Web page using CSS properties10 minutes

1 assignmentTotal 30 minutes

Style a Web page using CSS properties30 minutes

1 programming assignmentTotal 75 minutes

Pentogram Font Catalog Preview75 minutes

In this learning sprint you will learn how to apply spaces using CSS box model properties. Spaces have got it's unique importance in the design.

What's included

13 videos1 reading1 assignment1 programming assignment

13 videosTotal 50 minutes

Context Setting2 minutes
Create layouts by using the CSS box model 3 minutes
Apply margin, border and padding to add more breathing space to the design7 minutes
Watch and Repeat : CSS Box Model10 minutes
Watch and Repeat : Standard and Alternate box model3 minutes
Manage grouping of elements using the CSS display property3 minutes
Watch and Repeat : CSS display property6 minutes
Apply CSS specificity3 minutes
Watch and Repeat : CSS specificity6 minutes
Use BEM syntax while creating the CSS class names1 minute
Practice Brief1 minute
Practice Debrief3 minutes
Learning Consolidation1 minute