0% found this document useful (0 votes)
50 views4 pages

Class 1 HTML

Uploaded by

dejenehundaol91
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)
50 views4 pages

Class 1 HTML

Uploaded by

dejenehundaol91
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
You are on page 1/ 4

<!

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>

You might also like