Scribd
Upload
16 views

HTML Cheat Sheet

The document provides a cheat sheet on basic HTML elements and structures including headings, paragraphs, links, lists, images, tables, forms, divisions, comments, formatting, semantic elements, audio, video, special characters, and input types. It outlines the basic HTML page structure of DOCTYPE, html, head, and body tags. Within the body, it describes common text elements like headings, paragraphs, and text formatting. It also covers lists, links, images, tables, forms, divisions, comments, and semantic elements. The cheat sheet concludes with descriptions of audio, video, HTML input types and special characters.

Uploaded by

chabhi2405
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
16 views

HTML Cheat Sheet

The document provides a cheat sheet on basic HTML elements and structures including headings, paragraphs, links, lists, images, tables, forms, divisions, comments, formatting, semantic elements, audio, video, special characters, and input types. It outlines the basic HTML page structure of DOCTYPE, html, head, and body tags. Within the body, it describes common text elements like headings, paragraphs, and text formatting. It also covers lists, links, images, tables, forms, divisions, comments, and semantic elements. The cheat sheet concludes with descriptions of audio, video, HTML input types and special characters.

Uploaded by

chabhi2405
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

HTML CheatSheet

Basic Structure :-

<!DOCTYPE html>
<html lang="en">
<head>
<title>Title Goes Here</title>
</head>
<body>
<!-- Content Goes Here -->
</body>
</html>

Headings :-

<h1> Heading 1 </h1> - More Important


<h2> Heading 2 </h2>
<h3> Heading 3 </h3>
<h4> Heading 4 </h4>
<h5> Heading 5 </h5>
<h6> Heading 6 </h6> - Least Important

Paragraph :-

<p>This is a paragraph.</p>

code_wars_official
Links :-
<a href="https://www.example.com">Link Text</a>

Unordered List :-
<ul>
<li>Item 1</li> - List Item
<li>Item 2</li>
</ul>

Ordered List :-
<ol>
<li>Item 1</li>
<li>Item 2</li>
</ol>

Images :-
<img src="image.jpg" alt="Description of Image">

Tables :-
<table>
<tr> - Table Row
<th>Header 1</th> - Table Header
<th>Header 2</th>
</tr>
<tr>
<td>Data 1</td> - Table Data
<td>Data 2</td>
</tr>
</table>

code_wars_official
Forms:-
<form action="/submit-form" method="post">
<label for="username">Username:</label>
<input type="text" id="username" name="username">

<label for="password">Password:</label>
<input type="password" id="password" name="password">

<input type="submit" value="Submit">


</form>

Divisions :-
<div>
Content inside a division.
</div>

Comments :-
<!-- This is a comment -->

HTML Formatting :-
<b> - Bold Text
<i> - Italic Text
<mark> - Highlighted Text
<del> - Deleted Text Crossline
<sup> - SuperScript | Top
<sub> - SubScript | Bottom
<code>: Display code in monospace font
<pre>: Preserve whitespace and line breaks
<blockquote>: Indicate block quotations

code_wars_official
Semantic Elements :-

<header>Header</header>
<nav>Navigation</nav>
<section>Section</section>
<article>Article</article>
<aside>Aside</aside>
<footer>Footer</footer>

Audio:-
<audio controls>
<source src="audio.mp3" type="audio/mpeg">
</audio>

Video :-
<video controls width="320" height="240">
<source src="movie.mp4" type="video/mp4">
</video>

Special Characters :-
&copy; - copyright symbol "©"
&amp; - ampersand character "&"
&lt; - less-than symbol "<"
&gt; - greater-than symbol ">"
&quot; - double quotation mark "" ""
&nbsp; - non-breaking space

code_wars_official
Html Input Types :-

<input type="text">
<input type="password">
<input type="number">
<input type="email">
<input type="url">
<input type="date">
<input type="time">
<input type="datetime-local">
<input type="month">
<input type="week">
<input type="color">
<input type="checkbox">
<input type="radio">
<input type="file">
<input type="submit">
<input type="reset">
<input type="button">
<input type="hidden">
<input type="range">
<input type="search">

“ Thank You For Your Support ❤ “


Dont Forget To Follow Us For
More Amazing Content

code_wars_official

You might also like