<html>
<head>
<title>HTML CSS COURSE</title>
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap" rel="stylesheet" />
</head>
<style>
* {
font-family: "Josefin Sans", sans-serif;
}
</style>
<body>
<h1>WElcome to html css coursre 2020</h1>
<h2>WElcome to html css coursre 2020</h2>
<h3>WElcome to html css coursre 2020</h3>
<h4>WElcome to html css coursre 2020</h4>
<h5>WElcome to html css coursre 2020</h5>
<h6>WElcome to html css coursre 2020</h6>
<p>This is a Himanshu Kumar tiwari</p>
<!-- HTML Formating Elements -->
<!--
<b> - Bold text
<strong> - Important text
<i> - Italic text
<em> - Emphasised text
<mark> - Marked text
<small> - Small text
<del> - Deleted text
<sub> - Subscript text
<sup> - Superscript text
-->
<p>H<sub>2</sub>O</p>
<p>X<sup>2</sup>+ Y<sup>2</sup></p>
<p>My name is <b>Himanshu Kumar Tiwari</b> i am a devloper</p>
<p>My name is <i>Himanshu Kumar Tiwari</i> i am a devloper</p>
<p>My name is <u>Himanshu Kumar Tiwari</u> i am a devloper</p>
<p>My name is <del>Himanshu Kumar Tiwari</del> i am a devloper</p>
<!-- HTML LINKs -->
<a href="https://www.google.com/" target="_blank" style="text-decoration: none" title="google.com">Google</a>
<a href="https://www.facebook.com/" target="_blank" style="text-decoration: none" title="fb.com">FaceBook</a>
<a href="https://www.youtube.com/" target="_blank" style="text-decoration: none" title="yt.com">youtube</a>
<br>
<hr>
<!-- HTML IMAGES -->
<img src="file/img.jpg" width="500" height="400" title="hacker image" alt="hacker">
<br>
<!-- HTML TABLE -->
<!--
<tr> Table Row
<th> Table Head
<td> Table Data
-->
<table border="2">
<tr>
<th>Name</th>
<th>Class</th>
<th>Subject</th>
<th>Marks</th>
</tr>
<tr>
<td>Himanshu</td>
<td>BCA</td>
<td>Computer</td>
<td>A+</td>
</tr>
<tr>
<td>Rahul</td>
<td>BA</td>
<td>English</td>
<td>B+</td>
</tr>
<tr>
<td>Aman</td>
<td>BSC</td>
<td>Maths</td>
<td>A</td>
</tr>
<tr>
<td>Ramanujjan</td>
<td>XI</td>
<td>Science</td>
<td>A</td>
</tr>
</table>
<!-- HTML LIST -->
<!--
<ul> Unordered List
<ol> Ordered List
-->
<p>List of Shopings</p>
<ul type = "disc">
<li>Pen</li>
<li>Pencil</li>
<li>Bag</li>
<li>NoteBook</li>
<li>Color</li>
</ul>
<ol type="a">
<li>Himanshu</li>
<li>Aman</li>
<li>Dheeraj</li>
<li>Neeraj</li>
</ol>
<!-- HTML FORM -->
<h3>Contact Form</h3>
<form>
<label>UserName</label> <br>
<input type="text" name="username" placeholder="Enter your name" > <br><br>
<label>Password</label> <br>
<input type="password" name="password" placeholder="Enter your Password" > <br><br>
<label>Mobilie no.</label> <br>
<input type="number" name="mobile" placeholder="Enter your mobile number"> <br><br>
<label>Email</label> <br>
<input type="email" name="email" placeholder="Enter Your Email Id"> <br><br>
<select>
<option>Select your plan</option>
<option value="personal" >Personal</option>
<option value="business">Business</option>
<option value="premium">Premium</option>
</select> <br><br>
<textarea cols="30" rows="5"> </textarea>
<br>
<p>Select Your Gender</p>
<input type="radio" name="gender"> Male
<input type="radio" name="gender"> Female
<br>
<p>Please Read This Document Carefully</p>
<input type="CheckBox" name="checkbox" > I read this all
<br>
<br>
<input type="submit" value="submit">
</form>
</body>
</html>
