Posted by Only HTML Elements in one Website 👇.
Code Preview Section
<!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>My-Web</title>
</head>
<body>
<!-- This heading will be changed in future -->
<h1>This is my official Website</h1>
<hr>
<!-- Upgrade this below paragragh in coming days. -->
<p>My name is Zakir</p>
<h3>Here you can find videos about website making.👇👇👇</h3>
<hr>
<!-- Example of absolute link -->
<a href="About.html">About us</a><hr><br>
<header>
This is header.
</header>
<main>
This is Main content.
<section>
<a href="https://www.youtube.com/" target="_blank">Youtube<br>
<a href="https://www.sololearn.com/home" target="Main">Sololearn</a><br>
<a href="https://www.youtube.com/" target="_blank">Youtube<br>
<a href="https://www.wikipedia.org/" target="Main">Wikipedia</a><br>
<img src="https://analyticsindiamag.com/wp-content/uploads/2020/10/7d744a684fe03ebc7e8de545f97739dd.jpg" alt="Youtube" width="150" height="150">
</a>
</section>
</main>
<footer>
This is footer
</footer>
<ul Type="square">
<li>Home</li>
<li>About</li>
<li>Contact</li>
<li>Service</li>
<li>Blog</li>
</ul>
<ol type="square">
<li>Home</li>
<li>About</li>
<li>Contact</li>
<li>Service</li>
<li>Blog</li>
</ol>
<div>
<table>
<tr>
<th>SR.NO</th>
<th>Player Name</th>
<th>Score</th>
<th>Game</th>
</tr>
<tr>
<td>1</td>
<td>rahim</td>
<td>656</td>
<td>Chess</td>
</tr>
<tr>
<td>2</td>
<td>Mubarak</td>
<td>455</td>
<td>Ludo</td>
</tr>
<tr>
<td>3</td>
<td>Salaudeen</td>
<td>452</td>
<td>PUBG</td>
</tr>
<tr>
<td>4</td>
<td>Hussain</td>
<td>962</td>
<td>Cricket</td>
</tr>
<tr>
<td>5</td>
<td>Tawaab</td>
<td>322</td>
<td>Fauji</td>
</tr>
</table>
<video src="Pirates of the Caribbean Bass Boosted.webm" width="450px" height="500px" controls loop >error</video>
</div>
</body>
</html>
<!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>My-Web</title>
</head>
<body>
<!-- This heading will be changed in future -->
<h1>This is my official Website</h1>
<hr>
<!-- Upgrade this below paragragh in coming days. -->
<p>My name is Zakir</p>
<h3>Here you can find videos about website making.👇👇👇</h3>
<hr>
<!-- Example of absolute link -->
<a href="About.html">About us</a><hr><br>
<header>
This is header.
</header>
<main>
This is Main content.
<section>
<a href="https://www.youtube.com/" target="_blank">Youtube<br>
<a href="https://www.sololearn.com/home" target="Main">Sololearn</a><br>
<a href="https://www.youtube.com/" target="_blank">Youtube<br>
<a href="https://www.wikipedia.org/" target="Main">Wikipedia</a><br>
<img src="https://analyticsindiamag.com/wp-content/uploads/2020/10/7d744a684fe03ebc7e8de545f97739dd.jpg" alt="Youtube" width="150" height="150">
</a>
</section>
</main>
<footer>
This is footer
</footer>
<ul Type="square">
<li>Home</li>
<li>About</li>
<li>Contact</li>
<li>Service</li>
<li>Blog</li>
</ul>
<ol type="square">
<li>Home</li>
<li>About</li>
<li>Contact</li>
<li>Service</li>
<li>Blog</li>
</ol>
<div>
<table>
<tr>
<th>SR.NO</th>
<th>Player Name</th>
<th>Score</th>
<th>Game</th>
</tr>
<tr>
<td>1</td>
<td>rahim</td>
<td>656</td>
<td>Chess</td>
</tr>
<tr>
<td>2</td>
<td>Mubarak</td>
<td>455</td>
<td>Ludo</td>
</tr>
<tr>
<td>3</td>
<td>Salaudeen</td>
<td>452</td>
<td>PUBG</td>
</tr>
<tr>
<td>4</td>
<td>Hussain</td>
<td>962</td>
<td>Cricket</td>
</tr>
<tr>
<td>5</td>
<td>Tawaab</td>
<td>322</td>
<td>Fauji</td>
</tr>
</table>
<video src="Pirates of the Caribbean Bass Boosted.webm" width="450px" height="500px" controls loop >error</video>
</div>
</body>
</html>
Download the Source File From here👇.
Code Preview Section
<!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>About</title>
</head>
<body>
<h1>this is About.</h1>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Hic earum atque expedita cum, sit voluptate quis
veritatis, animi ad aperiam vel nam libero vitae totam similique voluptatum quasi optio enim temporibus at,
repellat voluptatem eaque numquam? Laborum, perferendis reprehenderit at dolorem placeat architecto deleniti
error aspernatur. Aliquam esse enim perferendis. Dolorum et perferendis porro eum dolor officia magni laboriosam
nostrum!</p>
<!-- This heading will be changed in future -->
<h1>This is my official Website</h1>
<hr>
<!-- Upgrade this below paragragh in coming days. -->
<p>My name is Zakir</p>
<h3>Here you can find videos about website making.👇👇👇</h3>
<hr>
<!-- Example of absolute link -->
<!-- example of relative link -->
<a href="https://www.w3schools.com/">Visit W3Schools.com!</a>
<hr><br>
<img src="https://analyticsindiamag.com/wp-content/uploads/2020/10/7d744a684fe03ebc7e8de545f97739dd.jpg"
alt="wallpaper" height="300px" width="300px">
<hr><iframe width="560" height="315" src="https://www.youtube.com/embed/DZU5pscRClY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div>
<h1>Login Form</h1><hr>
<form action="form.php>
Name:- <input type="text" placeholder="Enter Your Name"><hr>
<label for="sectionida">
<input type="radio" value="section a" name="section" id="sectionida">Rahim
</label>
<label for="sectionidb">
<input type="radio" value="section b" name="section" id="sectionidb">Salaudeen
</label>
</label>
<label for="sectionidc">
<input type="radio" value="section c" name="section" id="sectionidc">Mubarak
</label>
<label for="sectionidd">
<input type="radio" value="section d" name="section" id="sectionidd">Hussain
</label>
<label for="sectionide">
<input type="radio" value="section e" name="section" id="sectionide>Tawaab
</label><br><hr>
<input type="checkbox" name="Want Addmission Earlier" id="Addmission" class="College" name="Admission">
<label for="Addmissionf">←Want Addmission Earlier tick this</label><br><hr>
<label for="start">Start date</label>
<input type="date" id="start" name="trip-start" value="2018-07-22" min="2018-01-01" max="2018-12-31">
<hr>
<textarea name="Why" placeholder="Why you choose this college ?" id="why" cols="30" rows="10"></textarea><hr>
<select name="class" id="class">
<option value="no-Hostel">Select Your Hostel Type</option>
<option value="Hostel">Mixed</option>
<option value="Hostel">Only Girls</option>
<option value="Hostel">Only Boys</option>
</select>
</form>
</div>
<br>
<hr>
<!-- bold and italic and underline tags -->
<b>this is bold</b><br>
<strong>this is Strong</strong><br>
<i>this is italic</i><br>
<u>this is underline word</u><br>
<hr>
<!-- subscript and superscript -->
<p>Co<sub>2</sub></p>
<p>H<sub>2</sub>O</p>
<p>a<sup>2</sup>+b<sup>2</sup></p>
<p>C+O<sub>2</sub>➡CO <sub>2</sub></p>
<br>
<br>
<a href="index.html">←Back</a>
</body>
</html>
<!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>About</title>
</head>
<body>
<h1>this is About.</h1>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Hic earum atque expedita cum, sit voluptate quis
veritatis, animi ad aperiam vel nam libero vitae totam similique voluptatum quasi optio enim temporibus at,
repellat voluptatem eaque numquam? Laborum, perferendis reprehenderit at dolorem placeat architecto deleniti
error aspernatur. Aliquam esse enim perferendis. Dolorum et perferendis porro eum dolor officia magni laboriosam
nostrum!</p>
<!-- This heading will be changed in future -->
<h1>This is my official Website</h1>
<hr>
<!-- Upgrade this below paragragh in coming days. -->
<p>My name is Zakir</p>
<h3>Here you can find videos about website making.👇👇👇</h3>
<hr>
<!-- Example of absolute link -->
<!-- example of relative link -->
<a href="https://www.w3schools.com/">Visit W3Schools.com!</a>
<hr><br>
<img src="https://analyticsindiamag.com/wp-content/uploads/2020/10/7d744a684fe03ebc7e8de545f97739dd.jpg"
alt="wallpaper" height="300px" width="300px">
<hr><iframe width="560" height="315" src="https://www.youtube.com/embed/DZU5pscRClY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div>
<h1>Login Form</h1><hr>
<form action="form.php>
Name:- <input type="text" placeholder="Enter Your Name"><hr>
<label for="sectionida">
<input type="radio" value="section a" name="section" id="sectionida">Rahim
</label>
<label for="sectionidb">
<input type="radio" value="section b" name="section" id="sectionidb">Salaudeen
</label>
</label>
<label for="sectionidc">
<input type="radio" value="section c" name="section" id="sectionidc">Mubarak
</label>
<label for="sectionidd">
<input type="radio" value="section d" name="section" id="sectionidd">Hussain
</label>
<label for="sectionide">
<input type="radio" value="section e" name="section" id="sectionide>Tawaab
</label><br><hr>
<input type="checkbox" name="Want Addmission Earlier" id="Addmission" class="College" name="Admission">
<label for="Addmissionf">←Want Addmission Earlier tick this</label><br><hr>
<label for="start">Start date</label>
<input type="date" id="start" name="trip-start" value="2018-07-22" min="2018-01-01" max="2018-12-31">
<hr>
<textarea name="Why" placeholder="Why you choose this college ?" id="why" cols="30" rows="10"></textarea><hr>
<select name="class" id="class">
<option value="no-Hostel">Select Your Hostel Type</option>
<option value="Hostel">Mixed</option>
<option value="Hostel">Only Girls</option>
<option value="Hostel">Only Boys</option>
</select>
</form>
</div>
<br>
<hr>
<!-- bold and italic and underline tags -->
<b>this is bold</b><br>
<strong>this is Strong</strong><br>
<i>this is italic</i><br>
<u>this is underline word</u><br>
<hr>
<!-- subscript and superscript -->
<p>Co<sub>2</sub></p>
<p>H<sub>2</sub>O</p>
<p>a<sup>2</sup>+b<sup>2</sup></p>
<p>C+O<sub>2</sub>➡CO <sub>2</sub></p>
<br>
<br>
<a href="index.html">←Back</a>
</body>
</html>
comment 0 Comments
more_vert