You will be able to
- Create a basic HTML document with the correct structure and doctype
- Write headings, paragraphs, lists, and other common text elements
- Add links and images to a web page using attributes
- Build tables and forms with proper markup
- Organize page sections with semantic HTML elements
- Test an HTML page by opening it in a browser
Good to know first
- Basic use of a computer and file system
- A text editor installed for writing code
- A web browser to open local files
Syllabus
8 lessons and a final project
- 1
Introduction and setting up the editor Free
This lesson introduces what the HTML course covers and shows how to set up Visual Studio Code, the free editor used to write web pages. You will install the editor and add the Prettier extension that formats your code automatically.
- 2
Document structure and your first web page Beyond Pass
This lesson explains how a web page travels from a server to a client (your browser) over HTTP, and why HTML is the structure every page is built on. It then walks through the basic skeleton of an HTML document that you can write yourself.
1 code4 build steps2 exercises3 questions - 3
Headings, paragraphs, and lists Beyond Pass
This lesson shows how the browser turns HTML into a DOM tree and how to build a page with headings, paragraphs, and lists. You will also see where the browser's network view shows the HTML document it downloads.
1 code4 build steps3 exercises3 questions - 4
Adding Images and Links in HTML Beyond Pass
This lesson shows how to add an image to a web page with the img tag, using its src and alt attributes, and how to style it with CSS. It also covers the idea of linking pages, which is the other half of this chapter.
- 5
Creating tables Beyond Pass
This lesson shows how a table is built in HTML from rows, headers and cells, and how the table tags nest inside each other. It ends with the idea that a page can be checked for mistakes with a validator, which the chapter uses to find a missing character encoding declaration.
1 code5 build steps3 exercises3 questions - 6
Building forms and input fields Beyond Pass
This lesson shows how HTML forms collect information from a user, using form, label, input, and button elements. You will learn how the type, name, and label of an input work together so that a form can be read and sent.
1 code4 build steps2 exercises4 questions - 7
Structuring pages with semantic elements Beyond Pass
This lesson shows how links, images and headings are built in HTML, and how the download attribute and alt text change what a link or image does. It also shows how to nest elements correctly and how the browser reacts to a link to another page.
2 code3 build steps2 exercises4 questions - 8
Putting it together: links, images and alt text Beyond Pass
This lesson pulls the HTML basics together: you build links to pages, files, anchors and websites, then add an image with alt text and style it with CSS. You also see how the browser and developer tools show the result.
6 build steps2 exercises3 questions
Final project
Build a Multi-Section Personal Profile Page
Build a complete, valid HTML5 page that introduces you or a made-up character, pulling together the course's core elements: document structure, text, lists, links, an image with alt text, a table, a contact form, and semantic sections. This matters because it is the first time all six outcomes meet in one file that you can open and test in a browser.
Its 8 tasks open with Beyond Pass.
Free preview · Lesson 1 in full
Introduction and setting up the editor
This lesson introduces what the HTML course covers and shows how to set up Visual Studio Code, the free editor used to write web pages. You will install the editor and add the Prettier extension that formats your code automatically.
Lessons 2–8 and the final project
They open with Beyond Pass: every lesson of every course, in full. One payment: $14.99 for 90 days or $29 for a year. No subscription.
Made by Beyond from the video “HTML Tutorial for Beginners: HTML Crash Course” by Programming with Mosh. The video plays in YouTube's own player. Watch it on YouTube · All lessons