About this course
Web Dev 101: HTML (WD101)
This course is the first in a two-course Web Dev Essentials series, and it will prepare you for the WDE™ – Certified Entry-Level Web Developer certification exam.
The main goal of this course is to guide you from having no prior knowledge to a level where you can design, structure, and optimize web pages using HTML, the foundational language of the web. You will understand the basic concepts of web development technology.
This course will prepare you for jobs and careers related to web development. This includes creating web pages as a junior developer, as well as roles in web design and content management.
You will:
- Learn the universal concepts of web development
- Understand the syntax and semantics of HTML5
- Practice skills in structuring and formatting web content
- Integrate multimedia elements and create basic web forms
- Implement web accessibility standards
- Optimize web content for various devices and screen sizes
- Build and deploy your own HTML web pages
Certification
The WDE™ – Certified Entry-Level Web Developer certification is a professional credential that validates your foundational understanding and practical application of HTML. It covers key areas such as document structure, text formatting, multimedia integration, basic web form creation, and web accessibility. Earning this certification demonstrates your ability to construct functional, user-centric web pages optimized for various devices and screen sizes, making you a valuable asset in the field of web development.
Go Pro for Hands-on Practice & Course Diploma
The Pro version of the course includes a Diploma of Course Completion and gives you access to 45+ hands-on labs, interactive exercises, and quizzes designed to reinforce your learning and help you apply concepts in real-world scenarios. It also supports your preparation for the WDE™ – Certified Entry-Level Web Developer certification exam by providing practical experience aligned with exam objectives.
Channel: Edube Interactive
Sponsor: OpenEDG JS Institute
Mode: Online self-study course
Level: Beginner
Cost: Free (Core) & Paid (Pro)
Study Time: 25 hours (Recommended: 5h/week)
Language: English
Associated Certification: WDE – Certified Entry-Level Web Developer (WDE-40-0x)
Associated Courses: Web Dev 102: CSS (WD102) (Beginner/Intermediate)
Prerequisites: None
Core
6 modules
45+ lessons
hands-on labs,
interactive exercises,
real-life data analysis scenarios, quizzes, and tests,
a Diploma of Course Completion,
a 20% discount code for the WDE™ certification exam.
Free
Sign Up For FreePro
6 modules
45+ lessons
hands-on labs,
interactive exercises,
real-life data analysis scenarios, quizzes, and tests,
a Diploma of Course Completion,
a 20% discount code for the WDE™ certification exam.
$49
Get Pro AccessCourse Syllabus
Course Syllabus Contents
- Module 1 – Getting Started with HTML
- Module 2 – Formatting Text and Organizing Data
- Module 3 – Exploring Visual and Interactive Elements
- Module 4 – Enhancing Web Presentation
- Module 5 – Building Optimized and Accessible Web Content
- Module 6 – Exploring HTML Beyond Basics
Module 1 – Getting Started with HTML
Introduction to web development fundamentals, setting up an HTML development environment, understanding character encoding, HTML structure and syntax, attributes and values, comments, and the Document Object Model (DOM). Learners will also explore the relationship between HTML, CSS, and JavaScript.
After completing Module 1, the learner will:
- understand the basic structure and syntax of an HTML document
- recognize the role of essential elements such as
<!DOCTYPE>,<html>,<head>, and<body> - be able to set up an HTML development environment and configure character encoding
- understand how HTML, CSS, and JavaScript work together in web development
Module 2 – Formatting Text and Organizing Data
Techniques for structuring web pages using headings, paragraphs, text formatting, lists, and tables. Learners will understand common HTML properties and values used for organizing content effectively.
After completing Module 2, the learner will:
- be able to format text using headings, paragraphs, and text styling elements
- understand the importance of semantic markup for accessibility and SEO
- create and structure content using lists and tables
- apply best practices for organizing and presenting text-based information
Module 3 – Exploring Visual and Interactive Elements
Adding images, hyperlinks, and media to enhance web pages. Learners will also build HTML forms using various input elements and attributes while exploring properties that improve user interaction.
After completing Module 3, the learner will:
- embed images, audio, and video into web pages
- create and manage hyperlinks for internal and external navigation
- understand the essentials of HTML forms and user input handling
- build functional web forms using basic input elements and attributes
Module 4 – Enhancing Web Presentation
Introduction to styling and layout techniques using global, event, and data attributes. This module also covers interactive elements that enhance user experience.
After completing Module 4, the learner will:
- apply inline and internal CSS to enhance web page appearance
- understand the impact of global attributes on web elements
- utilize event and data attributes to improve interactivity
- structure HTML documents for better usability and readability
Module 5 – Building Optimized and Accessible Web Content
Implementing semantic markup for improved user experience, applying microformats and microdata, and ensuring accessibility with WCAG standards, ARIA roles, states, and properties. Learners will also explore cross-browser compatibility and HTML best practices.
After completing Module 5, the learner will:
- understand the role of semantic markup in modern web development
- apply accessibility principles to improve user experience
- implement best practices for structuring web content
- ensure web pages are usable for diverse audiences, including those with disabilities
Module 6 – Exploring HTML Beyond Basics
Working with favicons and iFrames, HTML entities, emojis, image maps, HTML APIs, and HTML graphics to extend web functionality and enhance visual content.
After completing Module 6, the learner will:
- incorporate favicons, iFrames, and image maps into web pages
- use HTML entities and emojis for enhanced content representation
- understand the basics of HTML APIs for extended functionality
- apply HTML graphics techniques to create visually appealing content