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
This course is part of The Art of Doing - Web Development for Beginners Specialization
Included with
Recommended experience
Recommended experience
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
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 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 videos•Total 23 minutes
- Introduction to the Specialization•12 minutes
- Installing VS Code•3 minutes
- Helpful Resources•3 minutes
- Attribution for All Resources•3 minutes
- Downloading the Course Materials•2 minutes
2 readings•Total 20 minutes
- Introduction to the Course 'Introduction to Web Development and HTML Basics'•10 minutes
- Full Specialization Resources•10 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 videos•Total 61 minutes
- Headings and Paragraphs•14 minutes
- Formatting Text with Tags•11 minutes
- Organizing Text with Lists•9 minutes
- Organizing Text with Tables•10 minutes
- About Me Project Preview•3 minutes
- About Me Project•14 minutes
1 assignment•Total 15 minutes
- Basic HTML Tags - Assessment•15 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 videos•Total 107 minutes
- Understanding Attributes•11 minutes
- Anchor Tags•15 minutes
- Image Tags•13 minutes
- Interactive Tags•17 minutes
- Forms•14 minutes
- Collectors Project Preview•6 minutes
- Collectors Project - Part 1•18 minutes
- Collectors Project - Part 2•12 minutes
1 assignment•Total 15 minutes
- Advanced HTML Tags - Assessment•15 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 videos•Total 89 minutes
- Proper HTML Structure•8 minutes
- Block-Level Elements•13 minutes
- Inline Elements•15 minutes
- Container Elements with div Tags•10 minutes
- Inline Containers with span Tags•8 minutes
- Organized Collectors Preview•4 minutes
- Organized Collectors Project - Part 1•16 minutes
- Organized Collectors Project - Part 2•14 minutes
1 assignment•Total 15 minutes
- Organized HTML - Assessment•15 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 videos•Total 59 minutes
- Header, Main, and Footer•7 minutes
- Nav, Article, and Section•7 minutes
- Final HTML Project Preview•4 minutes
- Final HTML Project - Part 1•19 minutes
- Final HTML Project - Part 2•14 minutes
- Final HTML Project - Part 3•9 minutes
1 reading•Total 10 minutes
- Conclusion to the Course 'Introduction to Web Development and HTML Basics'•10 minutes
3 assignments•Total 90 minutes
- Semantic HTML - Assessment•15 minutes
- Full Course Assessment•60 minutes
- Full Course Practice Assessment•15 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
Explore more from Mobile and Web Development
Course
- Status: Free Trial
Course
- Status: Free Trial
Course
- C
Coursera
Guided Project
Why people choose Coursera for their career
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.
More questions
Financial aid available,
