HTML Tutorials

Last update on January 30 2025 12:35:35 (UTC/GMT +8 hours)

What is HTML?

HTML (HyperText Markup Language) is the standard language for creating web pages and documents viewable in web browsers. It structures content using tags and attributes, defining elements like headings, paragraphs, links, and forms.

HTML is maintained by the World Wide Web Consortium (W3C). This tutorial focuses on HTML 4.01, the final version before HTML5. While newer standards like HTML5 exist, HTML 4.01 remains essential for understanding legacy code and foundational web development.

Simple HTML 4.01 Web Page Example

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>An example HTML page</title>
</head>
<body>
<h2>This is an example HTML page</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at nisi velit,
aliquet iaculis est. Curabitur porttitor nisi vel lacus euismod egestas. In hac
habitasse platea dictumst. In sagittis magna eu odio interdum mollis. Phasellus
sagittis pulvinar facilisis. Donec vel odio volutpat tortor volutpat commodo.
Donec vehicula vulputate sem, vel iaculis urna molestie eget. Sed pellentesque
adipiscing tortor, at condimentum elit elementum sed. Mauris dignissim
elementum nunc, non elementum felis condimentum eu. In in turpis quis erat
imperdiet vulputate. Pellentesque mauris turpis, dignissim sed iaculis eu,
euismod eget ipsum. Vivamus mollis adipiscing viverra. Morbi at sem eget nisl
euismod porta. Sed semper, tortor eu molestie iaculis, felis massa vestibulum
massa, vitae suscipit arcu nunc quis ante. Phasellus aliquam elit at nisl
condimentum commodo. Nunc congue nibh aliquam enim aliquet nec feugiat diam
condimentum. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Nam accumsan velit sed lacus pellentesque in gravida nunc
ultrices. Aliquam varius scelerisque erat ut egestas. 
</p>
<p><a href="../html/html-tutorials.php">Learn HTML from
w3resource.com</a>
</body>
</html>

Result

This is an example HTML page

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at nisi velit, aliquet iaculis est. Curabitur porttitor nisi vel lacus euismod egestas. In hac habitasse platea dictumst. In sagittis magna eu odio interdum mollis. Phasellus sagittis pulvinar facilisis. Donec vel odio volutpat tortor volutpat commodo. Donec vehicula vulputate sem, vel iaculis urna molestie eget. Sed pellentesque adipiscing tortor, at condimentum elit elementum sed. Mauris dignissim elementum nunc, non elementum felis condimentum eu. In in turpis quis erat imperdiet vulputate. Pellentesque mauris turpis, dignissim sed iaculis eu, euismod eget ipsum. Vivamus mollis adipiscing viverra. Morbi at sem eget nisl euismod porta. Sed semper, tortor eu molestie iaculis, felis massa vestibulum massa, vitae suscipit arcu nunc quis ante. Phasellus aliquam elit at nisl condimentum commodo. Nunc congue nibh aliquam enim aliquet nec feugiat diam condimentum. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam accumsan velit sed lacus pellentesque in gravida nunc ultrices. Aliquam varius scelerisque erat ut egestas.

Learn HTML from w3resource.com

View this example in browser

Features of the w3resource HTML 4.01 Tutorials

We have covered all the HTML 4.01 elements or tags and their attributes. Because it is HTML elements (or tags ) and attributes, which you need to understand for learning HTML. While discussing an HTML tag or elements in our HTML tutorials, we have used following features to help you to understand better:

1. Simple Description: Clear explanation of the tag’s purpose.

2. Syntax: How to write the tag correctly.

3. Usage: Practical implementation examples.

4. Result: Expected output of the code.

5. Tag Rules: Whether start/end tags are required (e.g., <p> vs. <img>).

6. Category: Functionality (text, headings, forms, tables, etc.).

7. Allowed Content: What elements or content the tag can contain.

8. Parent Elements: Where the tag can be nested.

9. Attributes: Supported attributes, descriptions, and examples.

10. Live Example: Functional code snippet.

11. Example Result: Visual output of the snippet.

12. Browser Demo: Link to test the example yourself.

13. Browser Compatibility: Rendering differences in major browsers.

Why Learn HTML 4.01?

Legacy Systems: Maintain or update older websites.
Foundational Knowledge: Understand core web principles before transitioning to HTML5.
Specification Compliance: Learn W3C’s formal HTML 4.01 standards.

For modern web development, explore our dedicated HTML5 Tutorials.

Next: History of HTML