HTML Cheat Sheet
Here's a cheat sheet summarizing some of the common HTML tags and syntax:
php
<!-- HTML Cheat Sheet -->
<!DOCTYPE html> <!-- Document type declaration -->
<html> <!-- Root element -->
<head> <!-- Document metadata -->
<title>Title</title> <!-- Page title -->
<meta charset="UTF-8"> <!-- Character encoding -->
<link rel="stylesheet" href="styles.css"> <!-- External CSS file -->
<script src="script.js"></script> <!-- External JavaScript file -->
</head>
<body> <!-- Document body -->
<!-- Text Formatting -->
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<p>Paragraph</p>
<strong>Bold text</strong>
<em>Italic text</em>
<sup>Superscript</sup>
<sub>Subscript</sub>
<br> <!-- Line break -->
<!-- Links -->
<a href="https://www.example.com">Link</a>
<a href="#section">Link to section</a>
<!-- Lists -->
<ul> <!-- Unordered list -->
<li>Item 1</li>
<li>Item 2</li>
</ul>
<ol> <!-- Ordered list -->
<li>Item 1</li>
<li>Item 2</li>
</ol>
<!-- Images -->
<img src="image.jpg" alt="Image">
<!-- Tables -->
<table>
<tr> <!-- Table row -->
<th>Heading 1</th> <!-- Table header cell -->
<th>Heading 2</th>
</tr>
<tr>
<td>Data 1</td> <!-- Table data cell -->
<td>Data 2</td>
</tr>
</table>
<!-- Forms -->
<form action="submit.php" method="POST">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
<input type="submit" value="Submit">
</form>
<!-- Comments -->
<!-- This is a comment -->
<!-- Miscellaneous -->
<hr> <!-- Horizontal rule -->
<div> <!-- Generic container -->
<span>Inline element</span>
<pre>Text with preserved whitespace</pre>
<code>Inline code</code>
<textarea rows="4" cols="30">Multiline input</textarea>
<iframe src="https://www.example.com"></iframe> <!-- Inline frame -->
</body>
</html>
This cheat sheet covers some of the commonly used HTML tags and syntax for structuring web documents, text formatting, links, lists, images, tables, forms, and other HTML elements. It serves as a handy reference for quick look-ups and reminders while working with HTML.
Comments
Post a Comment