1) For link
<a href="[Link] Google</a>
2) link in new tab
<a href="[Link] target="_blank">Visit Google</a>
3) Photo
<img src="[Link]" alt="My Photo" width="300">
4) image of any folder
<img src="images/[Link]" alt="My Photo" width="300">
5) Forms
<form>
<label>Name:</label>
<input type="text" placeholder="Enter name">
<br><br>
<label>Email:</label>
<input type="email" placeholder="Enter email">
<br><br>
<label>Password:</label>
<input type="password">
<br><br>
<label>Gender:</label>
<input type="radio" name="gender"> Male
<input type="radio" name="gender"> Female
<br><br>
<label>Hobbies:</label>
<input type="checkbox"> Coding
<input type="checkbox"> Gaming
<br><br>
<label>City:</label>
<select>
<option>Delhi</option>
<option>Mumbai</option>
</select>
<br><br>
<label>Message:</label>
<textarea></textarea>
<br><br>
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</form>
6) web page in video
<video width="400" controls>
<source src="video.mp4" type="video/mp4">
</video>
7) auto play loop
<video width="400" autoplay loop controls>
<source src="video.mp4" type="video/mp4">
</video>
8) YouTube embedded
<iframe width="560" height="315"
src="[Link]
</iframe>
9) Button
<button>Click Me</button>
11) bullet
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ol>
14) numerical bullet
<ul>
<li>Apple</li>
<li>Mango</li>
</ul>
15) Table
<table border="1">
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>Sharik</td>
<td>18</td>
</tr>
</table>
16) structure
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
Some useful
Must Know Tags:
<br> → line break
<hr> → horizontal line
<span> → small inline styling
<strong> → bold text
<em> → italic
<nav> → navbar
<header> → top section
<footer> → bottom section