This is a basic structure of an HTML5 document with examples of meta tags, title, and link tags.
DOCTYPE Declaration: The DOCTYPE declaration ensures that the page is rendered using the correct HTML version.
<!DOCTYPE html>
HTML Structure: The HTML document consists of the following main tags:
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My HTML5 Page</title>
</head>
<body>
<h1>Welcome to My Webpage</h1>
<p>This is a simple webpage using HTML5.</p>
</body>
</html>
Character Encoding: It defines the character encoding of the document. UTF-8 supports most languages.
<meta charset="UTF-8">
Viewport Settings: The viewport meta tag is essential for making the website responsive on mobile devices.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Meta Description: The meta description provides a brief description of the webpage for search engines.
<meta name="description" content="A brief description of the webpage for search engines.">
Title Tag: The title tag sets the title of the webpage, displayed in the browser tab.
<title>My HTML5 Page</title>
Linking External CSS: The link tag is used to link an external CSS file to the HTML document.
<link rel="stylesheet" href="styles.css">
Linking External JavaScript: The script tag is used to link external JavaScript files to the HTML document.
<script src="script.js"></script>
HTML Comment Syntax: HTML comments are used for writing notes inside the code.
<!-- This is a comment -->
Example of Commenting Out Code: You can use comments to explain sections of your code or temporarily disable it.
<!-- The following section handles the main navigation of the website -->
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/about">About Us</a></li>
</ul>
</nav>
Why Use Comments?