0% found this document useful (0 votes)
2 views2 pages

HTML Codes

The document provides various HTML code examples for creating links, images, forms, videos, buttons, lists, and tables. It also includes a basic structure for an HTML webpage and highlights essential HTML tags. These examples serve as a reference for building web pages with different elements and functionalities.

Uploaded by

sharik38kh
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
2 views2 pages

HTML Codes

The document provides various HTML code examples for creating links, images, forms, videos, buttons, lists, and tables. It also includes a basic structure for an HTML webpage and highlights essential HTML tags. These examples serve as a reference for building web pages with different elements and functionalities.

Uploaded by

sharik38kh
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

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

You might also like