<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Title Here</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Your content goes here -->
<script src="script.js"></script>
</body>
</html>
<!DOCTYPE html>
: Declares the document type and version of HTML.<html>
: The root element of an HTML page.<head>
: Contains meta-information about the HTML document.<meta charset="UTF-8">
: Sets the character encoding to UTF-8.<meta name="viewport" content="width=device-width, initial-scale=1.0">
: Enables responsive design.<title>
: Sets the title of the HTML document.<link rel="stylesheet" href="styles.css">
: Links an external stylesheet.
<body>
: Contains the content of the HTML document.<script src="script.js"></script>
: Links an external JavaScript file.
-
Text Tags:
<h1> to <h6>
: Headings.<p>
: Paragraph.<span>
: Inline container for text.<br>
: Line break.<hr>
: Horizontal rule.
-
Formatting Tags:
<strong>
or<b>
: Bold text.<em>
or<i>
: Italic text.<u>
: Underlined text.<sub>
: Subscript.<sup>
: Superscript.
-
Lists:
<ul>
: Unordered list.<ol>
: Ordered list.<li>
: List item.
-
Links:
<a href="url">
: Anchor for creating hyperlinks.
-
Images:
<img src="image.jpg" alt="description">
: Embeds an image.
-
Forms:
<form>
: Container for form elements.<input>
: Input field.<textarea>
: Multiline text input.<select>
: Dropdown list.<button>
: Button.
-
Semantic HTML:
<header>
: Represents a header section.<nav>
: Represents a navigation menu.<article>
: Represents a self-contained content area.<section>
: Represents a section of content.<footer>
: Represents a footer section.
These are essential tags to create a basic and responsive HTML page. Customize and expand based on your specific project needs.