Basic Html Tags
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-
width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Heading</h1>
<h2>Heading</h2>
<h3>Heading</h3>
<h4>Heading</h4>
<h5>Heading</h5>
<h6>Heading</h6>
<p>Lorem ipsum dolor sit amet consectetur
adipisicing elit. Tenetur aperiam omnis, tempore, iusto
ullam neque, corrupti cumque deserunt cum suscipit ex
commodi aut laborum nesciunt?
Temporibus illum libero culpa! Provident.</p>
<a
href="[Link]
no_sw_cr=1">
<img
src="[Link]
l-vyqdrEnQHaE-?pid=Api&P=0&h=180" alt="Google
logo">
</a>
<p>
hello <br> welcome to web development
</p>
<hr>
<!-- Bold -->
<b>Hello welcome</b>
<!-- italic -->
<i>Hello welcome</i>
<!-- Underline -->
<u>Hello welcome</u>
<!-- Super script -->
<p>2 <sup>8</sup></p>
<!-- Subscript -->
<p>C<sub>6</sub>H<sub>12</sub>O<sub>6</sub></p
>
</body>
</html>
General Syntax of a web page
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-
width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<header>
<section>
<div>
</div>
<span>
</span>
</section>
</header>
<main>
<section>
<div>
</div>
<span>
</span>
</section>
</main>
<footer>
</footer>
</body>
</html>
List and Table in HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-
width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Fruits</h1>
<ul>
<li>Apple</li>
<li>Orange</li>
<li>mango</li>
</ul>
<ol>
<li>Apple</li>
<li>Orange</li>
<li>Mango</li>
</ol>
<table>
<tr>
<th>Name</th>
<th>Age</th>
<th>Rollno</th>
</tr>
<tr>
<td>Sujith</td>
<td>23</td>
<td>101</td>
</tr>
<tr>
<td>Sujith</td>
<td>23</td>
<td>101</td>
</tr>
<tr>
<td>Sujith</td>
<td>23</td>
<td>101</td>
</tr>
</table>
</body>
</html>
HTML Form tags
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-
width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="./[Link]">
<!-- <label for="name">Name</label> -->
<input type="text" name="first_name"
placeholder="Enter your name">
<label for="gender">Gender</label> <br>
<input type="radio" name="gender">Male
<input type="radio" name="gender">Female
<input type="radio" name="gender">Other
<label for="favourite Subject">favourite
Subject</label><br>
<input type="checkbox"
name="favourite_subject">Math
<input type="checkbox"
name="favourite_subject">Science
<input type="checkbox"
name="favourite_subject">English
<input type="checkbox"
name="favourite_subject">Sports
<br>
<br>
<select name="country" id="">
<option value="">Canda</option>
<option value="">India</option>
<option value="">UAE</option>
</select>
<iframe width="560" height="315"
src="[Link]
?si=r9tMBApMkOWZgE31" title="YouTube video
player" frameborder="0" allow="accelerometer;
autoplay; clipboard-write; encrypted-media;
gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin"
allowfullscreen></iframe>
</form>
</body>
</html>