<!
DOCTYPE html>
<html>
<head>
<title>web programming class</title>
</head>
<body>
<h1> This is heading 1<h1>
<h2> This is heading 1<h2>
<h3> This is heading 1<h3>
<h4> This is heading 1<h4>
<h5> This is heading 1<h5>
<h6> This is heading 1<h6>
<p style="background-color: yellow; color: black; font-family: algerian">Hello cs students!<p>
<!-- text formatting in HTML-->
<p>This is <b>bold</b> text</p>
<p>This is <strong>Strong</strong> text</p>
<p>This is <i>Italic</i> text</p>
<p>This is <em>Emphasized</em> text</p>
<p>This is <u>Underlined</u> text</p>
<p>This is <small>Small</small> text</p>
<p>This is <big>Big</big> text</p>
<p>This is <sub>subscript</sub> text</p>
<p>This is <sup>Superscript</sup> text</p>
H<sub>2</sub> + O<sub>2</sub>
<p>This is <sup>bold</sup> text</p>
<hr/>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</u>
<ol type"1">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<img scr="C:\Users\hp\Pictures\Camera Roll\desu.jpg" alt="There is no text" width="200"
height="200">
<audio controls>
<source src "Amlake.mp3" type ="audio/mpeg">
</audio><br><br>
<video controls>
<source src="D:\Phonefile\Hager_alen.mp4" type ="video/mp4">
</video>
<p style="background-color: green; color: yellow; "><marquee direction"left" width="1000"
height"300"> WOLAITA SODO UNIVERSITY</marquee></p>
<!-- HTML FORMS-->
<fieldset>
<legend>Registration Form</legend>
<form>
<label>Fname:</label>
<input type ="text" name ="fname" placeholder="first Name" required><br><br>
<label>Lname:</label>
<input type ="text" name ="lname" placeholder="Last Name" required><br><br>
<label>DoB:</label>
<input type ="date" name ="date"><br><br>
<label>Email::</label>
<input type ="email" name ="fname"><br><br>
<label>Phone:</label>
<input type ="number" name ="fname"><br><br>
<label>Department selection</label>
<select>
<option>cs</option>
<option>Is</option>
<option>Information s</option>
<option>IT</option>
</select><br><br>
<label>course selection</label><br><br>
JAVA:<input type="checkbox" name="course" value="Java"><bt>
C++:<input type="checkbox" name="course" value="C++"><br>
DB:<input type="checkbox" name="course" value="DB"><br>
WEB <input type="checkbox" name="course" value="web programming"><br>
<label>Gender:</label>
<input type= "radio" name= "gender" value="male">
<input type= "radio" name= "gender" value="female"
<label>File:</label>
<input type="file"><br><br>
<input type="submit" name="submit" value="submit">
<input type="reset" name="reset" value="clear">
</form>
</fieldset>
</body>
</html>
