Introduction to Web Development and HTML Basics

This Labor Day, enjoy $120 off Coursera Plus. Unlock access to 10,000+ programs. Save today.

Introduction to Web Development and HTML Basics

This course is part of The Art of Doing - Web Development for Beginners Specialization

Instructor: Packt - Course Instructors

Included with Coursera Plus

Learn more

5 modules

Gain insight into a topic and learn the fundamentals.

Beginner level

Recommended experience

9 hours to complete

Flexible schedule

Learn at your own pace

5 modules

Gain insight into a topic and learn the fundamentals.

Beginner level

Recommended experience

9 hours to complete

Flexible schedule

Learn at your own pace

What you'll learn

Learn how to set up a web development environment using VS Code
Master basic and advanced HTML tags, including images, forms, and links
Build a variety of interactive and structured web pages using HTML
Apply semantic HTML to improve website organization and SEO

Skills you'll gain

Details to know

Shareable certificate

Add to your LinkedIn profile

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 The Art of Doing - Web Development for Beginners 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 5 modules in this course

This course features Coursera Coach!

A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. In this course, you'll dive into the essentials of web development by mastering HTML, the building block of websites. You'll learn how to create structured, semantic web pages using a variety of HTML tags and elements. By the end of the course, you'll have the skills to create your own basic websites, from simple "About Me" pages to more complex projects like the "Collectors" web page. You'll get hands-on experience as you work through engaging projects, such as building a ninja turtle site and showcasing a Pokémon collection. The course starts with an introduction to setting up your development environment, followed by an overview of basic HTML tags. You’ll learn how to organize content with headings, paragraphs, lists, and tables. As you progress, you’ll explore more advanced HTML topics such as interactive forms, anchor tags, and image elements. By the end of the course, you’ll understand how to properly structure an HTML page, work with block-level and inline elements, and apply semantic HTML for improved accessibility and SEO. This course is perfect for beginners with no prior web development experience. It’s structured to guide you step-by-step as you build your skills, starting with simple concepts and advancing to more complex projects. The course is designed to provide you with a strong foundation in HTML so that you can begin your web development journey with confidence.

In this module, we will introduce the course and outline what you can expect to learn. You’ll set up the development environment by installing VS Code and explore helpful resources to enhance your learning experience. Lastly, you’ll download the necessary materials to begin working on your projects.

What's included

5 videos2 readings

In this module, we will introduce essential HTML tags like headings, paragraphs, and lists for structuring content. We’ll also dive into text formatting and tables to improve content presentation. You’ll then apply these concepts to create your first simple web page in the "About Me" project.

What's included

6 videos1 assignment1 plugin

In this module, we will explore advanced HTML tags, including anchor tags for linking, image tags for adding media, and interactive elements like buttons and input fields. You'll use these features in the "Collectors" project, where you’ll build a website to showcase a collection.

What's included

8 videos1 assignment1 plugin

8 videosTotal 106 minutes

Understanding Attributes11 minutes
Anchor Tags15 minutes
Image Tags13 minutes
Interactive Tags16 minutes
Forms14 minutes
Collectors Project Preview5 minutes
Collectors Project - Part 118 minutes
Collectors Project - Part 212 minutes

1 assignmentTotal 15 minutes

Advanced HTML Tags - Assessment15 minutes

1 pluginTotal 15 minutes

Exploring HTML Attributes15 minutes

In this module, we will focus on organizing HTML content for better readability and maintainability. You’ll learn how to use block-level and inline elements, along with div and span tags, to structure and style your web pages effectively. These techniques will be applied to organize the "Collectors" project for improved navigation and design.

What's included

8 videos1 assignment1 plugin

8 videosTotal 88 minutes

Proper HTML Structure8 minutes
Block-Level Elements13 minutes
Inline Elements14 minutes
Container Elements with div Tags9 minutes
Inline Containers with span Tags7 minutes
Organized Collectors Preview4 minutes
Organized Collectors Project - Part 116 minutes
Organized Collectors Project - Part 214 minutes

1 assignmentTotal 15 minutes

Organized HTML - Assessment15 minutes

1 pluginTotal 15 minutes

Creating a Proper HTML Structure15 minutes

In this module, we will delve into semantic HTML tags to give structure and meaning to your web pages. You’ll apply these tags to create an accessible and well-organized "Ninja Turtle" website, improving both user experience and SEO. Finally, you will complete a project to demonstrate your understanding of semantic HTML.

What's included

6 videos1 reading3 assignments1 plugin

6 videosTotal 59 minutes

Header, Main, and Footer6 minutes
Nav, Article, and Section6 minutes
Final HTML Project Preview4 minutes
Final HTML Project - Part 118 minutes
Final HTML Project - Part 214 minutes
Final HTML Project - Part 38 minutes

1 readingTotal 10 minutes

Conclusion to the Course 'Introduction to Web Development and HTML Basics'10 minutes

3 assignmentsTotal 90 minutes

Full Course Practice Assessment15 minutes
Semantic HTML - Assessment15 minutes
Full Course Assessment60 minutes

1 pluginTotal 15 minutes

Using Semantic HTML15 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

Packt - Course Instructors

Packt

850 Courses186,880 learners

Offered by

Packt

Explore more from Mobile and Web Development

Packt
Styling with CSS – Layouts and Visual Design
Course
Packt
JavaScript for Dynamic Web Development
Course

Why people choose Coursera for their career

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."

Jennifer J.

Learner since 2020

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

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."

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."

Open new doors with Coursera Plus

Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription

Learn more

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Explore degrees

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy

Learn more

Frequently asked questions

Yes, you can preview the first video and view the syllabus before you enroll. You must purchase the course to access content not included in the preview.

If you decide to enroll in the course before the session start date, you will have access to all of the lecture videos and readings for the course. You’ll be able to submit assignments once the session starts.

Once you enroll and your session begins, you will have access to all videos and other resources, including reading items and the course discussion forum. You’ll be able to view and submit practice assessments, and complete required graded assignments to earn a grade and a Course Certificate.