HTML Cheatsheet
<h1> HEADING1 </h1>
<h2> HEADING2 </h2>
<h3> HEADING3 </h3>
<h4> HEADING4 </h4>
<h5> HEADING5 </h5>
<h6> HEADING6 </h6>output :
<em> emphaize </em>
<i> italics </i>
<b> bold </b>
<strong>strong</strong>
<small>small</small>output: emphaize italics bold strong small
<input type = "text">
<input type = "password">
<input type = "date">
<input type = "range"><form action="mail.cgi" method="post">
<input type="text" name="firstName" size = "15"/>
<input type="submit" name="sbutton" value="Send">
</form><br> <img src="img_girl.jpg" width="500" height="600"> 
<head></head> Container for metadata
<title></title> The title of your project
<link rel="stylesheet" href=""> link to external style sheets
<meta> specify the character set, page description, keywords, author of the document, and viewport settings
<style></style> used to define style information for a single document
<base href=""> specifies the base URL and/or target for all relative URLs in a page
<script></script> define client-side JavaScripts<hr> <a href="url">link text</a> Link to url
<a href="#yourSection">link text</a> Link to your section<table></table> define a table
<tr></tr> define a table row
<th></th> define a table heading
<td></td> define a table data<ul></ul> Defines an unordered list
<ol></ol> Defines an ordered list
<li></li> Defines a list item
<dl></dl> Defines a description list
<dt></dt> Defines a term in a description list
<dd></dd> Describes the term in a description list<form action=""></form> create an HTML form
<label for=""></label> defines a label for many form elements
<input type=""> Defines an input control
<textarea name="" id="" cols="30" rows="10"></textarea> Defines a multiline input control (text area)
<select name="" id=""></select> Defines a drop-down list
<option value=""></option> Defines an option in a drop-down list
<fieldset></fieldset> Groups related elements in a form
<legend></legend> Defines a caption for a <fieldset> element<button></button> Defines a clickable button<svg></svg> container for SVG graphics
### Video tag
```html
<video controls src="movie.mp4" type="video/mp4">
Video type not supported by this browser!
</video><ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul><header></header> Specifies a header for a document or section
<main></main> Specifies the main content of a document
<footer></footer> Defines a footer for a document or section
<article></article> Defines independent, self-contained content
<aside></aside> Defines content aside from the page content
<figure></figure> Specifies self-contained content
<nav></nav> Defines navigation links
<section></section> Defines a section in a document<figure></figure> Embeds annotated images, illustrations, photos, code, etc.
<figcaption></figcaption> For adding a caption/annotation to the <figure>.
<picture></picture> Responsive image insertion,allows developers to provide different images for different contexts.
<video poster=" " autoplay loop controls ></video>For embedding videos into a website.
poster is the path to an image that’s displayed before the video plays.
autoplay will start the video automatically.
loop triggers whether the video should repeat or not.
controls shows or hides the browser’s player buttons.
<audio></audio> For embedding audio into a website.
<source></source> Must be inside <picture>, <video> or <audio> to define the different versions of content.
### Audio
<audio></audio> The HTML <audio> element is used to embed sound content in documents.
### Scripting
<canvas></canvas> Used with either the canvas scripting API or the WebGL API to draw graphics and animations.
<noscript></noscript> Defines a section of HTML to be inserted if a script type on the page is unsupported or if scripting is currently turned off in the browser.<p style="font-size:48px">
😀 😄 😍 💗
</p>Output:
😀 😄 😍 💗
For Emoji Unicode refer this.