Clinical Professor, School of Information
Introduction to HTML5
What You'll Learn
- Recognize and use common HTML5 tags.
- Be aware of what an editor is and how to use one.
- Compose HTML5 code that can create images and links.
3 Modules
12 Hours
4 hrs per module (approx.)
Rating
About Introduction to HTML5
Thanks to a growing number of software programs, it seems as if anyone can make a webpage. But what if you actually want to understand how the page was created? There are great textbooks and online resources for learning web design, but most of those resources require some background knowledge. This course is designed to help the novice who wants to gain confidence and knowledge.
We will explore the theory (what actually happens when you click on a link on a webpage?), the practical (what do I need to know to make my own page?), and the overlooked (I have the code, but how do I put it on the web to share with others?). Throughout the course there will be a strong emphasis on adhering to syntactic standards for validation and semantic standards to promote wide accessibility for users with disabilities.
This course will appeal to a wide variety of people, but specifically those who would like a step-by-step description of the basics. There are no prerequisites for this course and it is assumed that students have no prior programming skills or IT experience. The course will culminate in a small final project that will require the completion of a very simple page with links and images. The focus of this course is on the basics, not appearance.
This is the first course in the Web Design For Everybody specialization. Subsequent courses focus on the marketable skills of styling the page with CSS3, adding interactivity with JavaScript and enhancing the styling with responsive design.
Skills You'll Gain
- HTML Editor
- HTML Formatting
- HTML Generation
- HyperText Markup Language (HTML)
- Static HTML
- Web Design
What You'll Earn
- Certificate of Completion:
- Certificates of completion acknowledge knowledge acquired upon completion of a non-credit course or program.
Welcome Message
Welcome to Introduction to HTML5, a beginner-friendly course that explains how web pages are structured and displayed. Learners practice writing syntactically correct and semantically meaningful HTML while emphasizing accessibility and modern web standards, preparing them for further study in web design. This is the first course in the Web Design for Everybody: Basics of Web Development & Coding Specialization.
This abbreviated syllabus description was created with the help of AI tools and reviewed by staff. The full syllabus is available to those who enroll in the course.
Course Schedule
Module 1: Learning About the Web
- Reading: Course Syllabus
- Video: Introduction to HTML5
- Reading: Pre-Course Survey
- Reading: Required Course Materials
- Reading: Optional Course Resources
- Reading: Resources
- Video: The Evolution of HTML
- Discussion Prompt: The Browser Wars
- Video: How it Works: The "Magic" of Page Requests
- Reading: Browsers
- Video: Looking at Your Browser Options
- Video: Editors: How to Use an Editor to Create an HTML File
- Video: Editors: How to use VS Code
- Reading: Editors: How to use VS Code
- Video: Editors: How to use Replit
- Reading: Editors: How to use Replit
- Reading: Additional Resources
- Graded: HTML/Web Basics
Module 2: Structure of a Web Page
- Reading: Resources
- Video: The Document Object Model (DOM)
- Reading: HTML5 Tags and Syntax
- Video: HTML5 Tags and Syntax
- Reading: Cheatsheets
- Reading: Semantic Tags
- Video: Semantic Tags
- Reading: Code Placement
- Video: Template Page in Visual Studio Code
- Video: Template Page in Replit
- Reading: Starter Code for Template Page
- Reading: Images and Icons
- Video: Images
- Reading: Copyright, Fair Use, and Inclusive Images
- Video: Accessible Images
- Reading: Alternative Text
- Video: Hyperlinks
- Reading: Hyperlink Tag
- Video: Useful Tags
- Reading: Additional Resources
- Graded: Tags!
Module 3: Hosting and Accessibility
- Reading: Resources
- Video: Accessible Web
- Reading: Does Your Browser Support Accessibility?
- Video: Validating Your Site
- Reading: Putting Your Code Out on to the Web
- Video: Hosting Your Site
- Video: Creating a GitHub Pages Account (Optional)
- Video: Uploading to GitHub Pages Account (Optional)
- Video: Sharing Your Page from Replit
- Reading: Sharing Your Page from Replit
- Reading: Final Project Description
- Video: Final Project Demo
- Reading: Introduction to the Gamut Gallery
- App Item: Share Final Projects with Course Community
- Reading: Congratulations!
- Reading: Post-Course Survey
- Video: Closing
- Reading: Watch for a link to more material
- Graded: Final Project
- Graded: Final Course Quiz
Grading Policy
Learners must earn 80% or higher on all assessments. Three quizzes, one per module, worth 60% of your total grade. The Final Project is worth 40% of your grade.
Lecturer
Course content developed by U-M faculty and managed by the university. Faculty titles and affiliations are updated periodically.
Beginner Level
No prior experience required
What Learners Are Saying
I've really enjoyed taking these courses and I've learned a lot of things since a year. I paced my learning with these courses and specializations during the COVID-19 period in lockdown. These courses really helped my enhancing my skills and increasing my knowledge.
Ataib Saboor Learner in Pakistan
