VOOZH about

URL: https://www.coursera.org/learn/packt-the-art-of-doing-web-development-for-beginners-usfuy

⇱ Introduction to Web Development and HTML Basics | Coursera


Introduction to Web Development and HTML Basics

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

Introduction to Web Development and HTML Basics

Included with

Gain insight into a topic and learn the fundamentals.
Beginner level

Recommended experience

8 hours to complete
Flexible schedule
Learn at your own pace

Gain insight into a topic and learn the fundamentals.
Beginner level

Recommended experience

8 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

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

6 assignments

Taught in English

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

5 videosTotal 23 minutes
  • Introduction to the Specialization12 minutes
  • Installing VS Code3 minutes
  • Helpful Resources3 minutes
  • Attribution for All Resources3 minutes
  • Downloading the Course Materials2 minutes
2 readingsTotal 20 minutes
  • Introduction to the Course 'Introduction to Web Development and HTML Basics'10 minutes
  • Full Specialization Resources10 minutes

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 assignment

6 videosTotal 61 minutes
  • Headings and Paragraphs14 minutes
  • Formatting Text with Tags11 minutes
  • Organizing Text with Lists9 minutes
  • Organizing Text with Tables10 minutes
  • About Me Project Preview3 minutes
  • About Me Project14 minutes
1 assignmentTotal 15 minutes
  • Basic HTML Tags - Assessment15 minutes

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 assignment

8 videosTotal 107 minutes
  • Understanding Attributes11 minutes
  • Anchor Tags15 minutes
  • Image Tags13 minutes
  • Interactive Tags17 minutes
  • Forms14 minutes
  • Collectors Project Preview6 minutes
  • Collectors Project - Part 118 minutes
  • Collectors Project - Part 212 minutes
1 assignmentTotal 15 minutes
  • Advanced HTML Tags - Assessment15 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 assignment

8 videosTotal 89 minutes
  • Proper HTML Structure8 minutes
  • Block-Level Elements13 minutes
  • Inline Elements15 minutes
  • Container Elements with div Tags10 minutes
  • Inline Containers with span Tags8 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

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 assignments

6 videosTotal 59 minutes
  • Header, Main, and Footer7 minutes
  • Nav, Article, and Section7 minutes
  • Final HTML Project Preview4 minutes
  • Final HTML Project - Part 119 minutes
  • Final HTML Project - Part 214 minutes
  • Final HTML Project - Part 39 minutes
1 readingTotal 10 minutes
  • Conclusion to the Course 'Introduction to Web Development and HTML Basics'10 minutes
3 assignmentsTotal 90 minutes
  • Semantic HTML - Assessment15 minutes
  • Full Course Assessment60 minutes
  • Full Course Practice Assessment15 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

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

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.

If you complete the course successfully, your electronic Course Certificate will be added to your Accomplishments page - from there, you can print your Course Certificate or add it to your LinkedIn profile.

This course is currently available only to learners who have paid or received financial aid, when 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.

Financial aid available,