
Discover how HTML, a markup language, uses tags like p to structure pages and link to other resources, guiding the browser on start and stop points.
Explore the evolution from HTML to HTML5, highlighting cleaner code, plugin-free multimedia with video and audio tags, canvas and geolocation, and semantic elements like header, nav, and article.
Create your first html page using a simple text editor, save it as index.html, and view it locally in a browser; try the <b> tag to see markup render.
Explore free and low-cost HTML editors, from simple text editors to advanced tools like Sublime Text, brackets, and Dreamweaver, and learn to save and preview HTML files in a browser.
Explore the anatomy of a basic HTML page, compare HTML4 and HTML5 doctypes, and distinguish head from body, including how the title appears in the browser tab.
Learn how the paragraph tag in html opens and closes to create two separate paragraphs, using an index.html file and el ipsum greek copy to visualize spacing in a browser.
Learn how the HTML break tag creates a line break without a closing tag, showing how it differs from paragraph spacing and how to implement it.
Format text with header tags to influence search engine optimization and page structure, using h1 through h6 to create semantic headings and improve rankings.
Learn how to style text with bold and italic tags, compare old and preferred methods, and understand accessibility benefits of using strong and em tags.
Learn to build unordered and ordered lists in HTML with ul and li, and switch between bullets and numbers with proper closing tags.
Master HTML linking by comparing relative versus absolute links, learn to link images and emails correctly, and keep paths robust with organized folders.
Link between pages using the anchor tag with href, distinguishing absolute and relative links, and open external destinations in a new tab with the target attribute.
Learn how to hyperlink to an email address in html using mailto:, which opens your email program and pre-fills the to field with the specified address.
Learn to hyperlink to files on your site with the a href tag, linking pdfs or zips using relative paths and opening in a new window.
Explore how HTML5 audio and video tags enable embedding media with relative paths, multiple formats, and browser-friendly controls, then test playback across browsers with practical examples.
Learn to add video to your html page using the video tag, provide mp4 and ogg sources, and control playback with attributes like controls, autoplay, loop, and preload.
Embed videos with YouTube or similar services using an iframe, which reduces bandwidth, speeds up loading, and lets you customize options like controls, title display, and autoplay.
Explore page structure using tables as a grid of rows and columns, weighing pros and cons and when to use them versus CSS divs for responsive layouts.
Create and style HTML tables using Dreamweaver’s code and visual views. Build a two-row, two-column table with borders, padding, and a fixed width to show how it scales with browser size and compares to CSS.
Build and style HTML tables by defining the table, table body, rows, and data cells, adjusting borders and width, and adding rows to expand content.
Are you ready to start your journey into web development but don’t know where to begin? This course is the perfect starting point for absolute beginners looking to learn HTML and HTML5 — the fundamental languages that power every website on the internet.
In this practical course, you will learn how to create web pages using HTML elements, tags, and attributes. We will begin with the basics like headings, paragraphs, images, and links, and then move on to features of HTML5.
You don’t need any coding skills to start. Each lesson is easy to understand and perfect for beginners.
If you're looking to be a front-end developer, create your own website, or just learn how websites work, this course will provide you with the strong basics you need.
Contents of this tutorial #
Introduction to HTML
HTML4 vs. HTML5
Making your first HTML page
Tools to create HTML files
Base HTML Tags
Paragraph Tags
Break Tags
Header Tags
Bold and Italic Tags
Ordered and unordered Lists
Difference between Absolute Links and Relative Links
Hyperlinking to an external page
Hyperlinking to an email address
Hyperlinking to a file in your site
Playing and controlling audio
Playing and controlling video
Embedding a video
Whats is a Table - Pros and Cons
Table properties
Adding an iFrame