Introduction to HTML5
Ends soon! Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.
Introduction to HTML5
This course is part of Web Design for Everybody: Basics of Web Development & Coding Specialization
611,099 already enrolled
Included with
27,902 reviews
27,902 reviews
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.
Skills you'll gain
Details to know
5 assignments
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 3 modules in this course
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.
In Module One we will uncover the "mystery" behind the Internet. What happens when you type a URL into your browser so that a webpage magically appears? What is HTML5 and what happened to HTML 1 - 4? We will also cover some practical concepts that you need to master before you begin coding your own pages. The biggest challenge will be to begin using VS Code and GitHub Codespaces to create and edit your own HTML files. Thankfully this class is recorded so you can watch those videos a few times while we get the hang of creating webpages.
What's included
8 videos9 readings2 assignments2 discussion prompts
8 videos•Total 61 minutes
- Introduction to HTML5•9 minutes
- The Evolution of HTML•10 minutes
- How it Works: The "Magic" of Page Requests•9 minutes
- Looking at Your Browser Options•5 minutes
- Editors: How to Use an Editor to Create an HTML File•10 minutes
- Editors: How to use VS Code•6 minutes
- Introduction to IDEs and GitHub Codespaces•6 minutes
- Getting Started with Github•5 minutes
9 readings•Total 67 minutes
- Course Syllabus•10 minutes
- Pre-Course Survey•10 minutes
- Required Course Materials•5 minutes
- Optional Course Resources•5 minutes
- Resources•2 minutes
- Browsers•5 minutes
- Editors: How to use VS Code•10 minutes
- Using GitHub Codespaces•10 minutes
- Additional Resources•10 minutes
2 assignments•Total 40 minutes
- HTML/Web Basics •30 minutes
- Module One Knowledge Check•10 minutes
2 discussion prompts•Total 20 minutes
- The Browser Wars•10 minutes
- Which code editor will you use? •10 minutes
In Module Two, you will need to take a deep breath and jump into coding. I will cover a large number of HTML tags, but it is important that you do more than just listen to these video and read the text book material. You need to practice (and fail!) in order to learn. Believe it or not, once you master the basic idea of using tags and attributes you will know everything you need to use any HTML5 tag. The page may not look the way you want it to look yet, but you will be able to use text, links, images, tables, and even music and videos! If you want to refer to a textbook this week for reinforcement of concepts, we will be using the Shay Howe online textbook as a reference. I will include links after the lectures, but some students prefer to read before the videos. (My preferred approach is to read/watch/read again.)
What's included
11 videos11 readings2 assignments
11 videos•Total 99 minutes
- The Document Object Model (DOM)•10 minutes
- HTML5 Tags and Syntax•12 minutes
- Semantic Tags•6 minutes
- Downloading and Uploading Code with VSCode and Github•4 minutes
- Template Page in Visual Studio Code•8 minutes
- Copying Code with GitHub Codespaces•4 minutes
- Template Page in Github Codespaces•18 minutes
- Images•9 minutes
- Accessible Images•8 minutes
- Hyperlinks•9 minutes
- Useful Tags•12 minutes
11 readings•Total 166 minutes
- Resources•60 minutes
- HTML5 Tags and Syntax•30 minutes
- Cheatsheets•10 minutes
- Semantic Tags•10 minutes
- Code Placement •10 minutes
- Starter Code for Template Page•1 minute
- Images and Icons•10 minutes
- Copyright, Fair Use, and Inclusive Images•10 minutes
- Alternative Text•5 minutes
- Hyperlink Tag•10 minutes
- Additional Resources•10 minutes
2 assignments•Total 70 minutes
- Tags!•60 minutes
- Module Two Knowledge Check•10 minutes
Okay, you created a file... what now? In Module Three, we will begin by covering the important but often overlooked concepts of validation and accessibility. Did you follow the DOM structure when you created your page? Did you use semantic tags to make sure that page viewers can access all of the information, even if they have physical or cognitive disabilities? This is knowledge you can use if you would like to pursue a career as a web accessibility specialist. Finally I will briefly cover the steps needed to post your site to the web if you decide to use something other than Codespaces. There are many free and paid services that you can use to get your work off your computer and on to the Internet.
What's included
7 videos8 readings1 assignment1 peer review1 app item
7 videos•Total 42 minutes
- Accessible Web•11 minutes
- Validating Your Site•4 minutes
- Hosting Your Site•4 minutes
- Uploading to GitHub Pages•8 minutes
- Review: Publishing Your Site•5 minutes
- Final Project Demo•6 minutes
- Closing•4 minutes
8 readings•Total 41 minutes
- Resources•2 minutes
- Does Your Browser Support Accessibility?•2 minutes
- Putting Your Code Out on to the Web•2 minutes
- Final Project Description•10 minutes
- Introduction to the Gamut Gallery•3 minutes
- Congratulations!•10 minutes
- Post-Course Survey•10 minutes
- Watch for a link to more material•2 minutes
1 assignment•Total 30 minutes
- Final Course Quiz •30 minutes
1 peer review•Total 90 minutes
- Final Project•90 minutes
1 app item•Total 10 minutes
- Share Final Projects with Course Community•10 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.
Instructors
Offered by
Explore more from Mobile and Web Development
- Status: Free Trial
Course
- Status: Free Trial
Course
- Status: Free Trial
- Status: Free TrialU
University of Michigan
Specialization
Why people choose Coursera for their career
Learner reviews
- 5 stars
78.82%
- 4 stars
17.99%
- 3 stars
2.36%
- 2 stars
0.30%
- 1 star
0.49%
Showing 3 of 27902
Reviewed on Jun 15, 2017
it was my first experience of taking lectures online but i must say it was very helpful for me to know many new and vital details on this topic..thank you so much for assisting me with this course☺
Reviewed on Oct 18, 2015
Perfect for someone who wants to start learning HTML5 and the entire specialization from scratch.The course is well paced, starts off easy, and seriously takes you step by step into making a web-page.
Reviewed on Feb 19, 2021
I really thought I know HTML, that changed when I took this course. I learned so many important things that goes hand in hand with HTML, accessibility. my confidence has increased with this course.
Frequently asked questions
To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.
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.
More questions
Financial aid available,