- HTML boilerplate: This is the basic html boilerplate code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- Body -->
</body>
</html>
* Headings:
There are six heading available in HTML, H1 is the largest among all, and H6 is smallest
-
<h1> Tag
<h1>Heading 1</h1>
- <h2> Tag
<h2>Heading 2</h2>
* Container:
-
div tag
<div>This is div block</div>
- span tag
<span>This is span block</span>
- pre tag
<pre>Hello World</pre>
- code tag
<code>
import python
</code>
* Text Formatting:
Text formatting tags are used to format text or data of HTML documents.
You cna do certain things like creating italic, bold ,strong to make your document look more attractive and understandable.
-
<b> tag
<b>This is bold text</b>
- <strong> tag
<sub>I'am important text</sub>
- <sub> tag
<sub>Subscript</sub>
* List : List can be either numerical, alphabetic, bullet, or other symbols.
-
<ol> tag
<ol>
<li>Data 1</li>
<li>Data 2</li>
<li>Data 3</li>
</ol>
- <ul> tag
<ul>
<li>Data 1</li>
<li>Data 2</li>
</ul>
* Media: media is anything that is present in digital form such as image, video, audio,etc.
-
<img> tag
<img src="Source_of_image" alt="Alternate text">
- <video> tag
<video width="480" height="320" controls>
<source src="demo_move.mp4" type="video/mp4">
Your browser does not support video tag.
<video>
* Form :
-
<sample form>
<form>
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname">
</form>
* Characters and Symbols: some symbols are not directly present on the keyboard, but there are some ways to use them in HTML documents.
- Copyright Symbol (©)
©
;
- Less than (<)
&
lt;
- Dollar ($)
&
dollar;
- Random Text
Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus suscipit quaerat eos voluptate, ratione blanditiis nulla quibusdam explicabo iusto praesentium laborum distinctio? Quo optio voluptates atque ut voluptatem maiores rerum.
- <section> tag
<section>This is section<section>