Web Design & Development: HTML Assignment

web design & development
WEB DESIGN & DEVELOPMENT

HTML ASSIGNMENT
Submitted by:
Name: UMAIR ATHAR
Roll no: 4527
Class: BS Software Engineering
Section: 5th MOR-B
Submitted to:
Muhammad Touqeer
NOVEMBER 4, 2021
GOVERNMENT COLLEGE UNIVERSITY FAISALABAD
HTML FILES:
 Frameset
 Marquee
 Table
 Link
 Contact
 Feedback
 About-us
 Sign-up
Frameset
Output:
Code:
<html>
<head>
<title> FRAMESET </title>
</head>
1
<frameset rows="35%, 65%" noresize="noresize">

<frame name="MARQUEE" src="E:\education\web university\MARQUEE.html"
noresize="noresize" />
<frameset cols="15%, 85%" noresize="noresize">
<frame name="links" src="E:\education\web university\LINK.html"
<frame name="TABEL" src="E:\education\web university\TABEL.html"
</frameset>
</frameset>
</html>
Marquee
Output:
Code:
<html>
<head> <title>MARQUEE</title> </head>
<body>
<marquee width="100%" height="200px" direction="right" scrolldelay="70s">
<img src="E:\education\web university\images\sunshine.jpg" alt=""
width="400px" height="200px">
2
<img src="E:\education\web university\images\cloud.jpg" alt=""

<img src="E:\education\web university\images\1234jpg.jpg" alt=""
<img src="E:\education\web university\images\film wallpaper.jpg" alt=""
</marquee>
</body>
</html>
Table
Output:
3
Code: Note:
<html> if you click on images
<head> <title> TABEL </title> </head> present in table, then
image will open in a
<body> new tab.
<h2 align="center" >UMAIR ATHAR</h2>
<table align="center" border="2px">
<thead> <tr> <th colspan="2"> MY TABLE </th> </tr> </thead>
<tbody> <tr> <td>
<a href="E:\education\web university\images\color.jpg" target="blank"> <img
src="E:\education\web university\images\carr.jpg" alt="EROOR PATH"
width="200px" height="150px"> </a>
</td>
<td style="text-align: center;">Lorem ipsum dolor sit. </td>
</tr>
<tr> <td style="text-align: center;">Lorem, ipsum dolor.</td>
<td> <a href="E:\education\web university\images\color.jpg" target="blank">
<img src="E:\education\web university\images\color.jpg" alt=" eroor loding
image" width="200px" height="150px"> </a> </td>
</tr>
</tbody>
</table>
<h2>Education</h2>
<p>Education is an important aspect that plays a huge role in the modern,
industrialized world. People need a good education to be able to survive in this
competitive world. Modern society is based on people who have high living
standards and knowledge which allows them to implement better solutions to their
problems.If a person is well-educated, he will not be fooled by anyone easily. An
4
educated person is less prone to involve in domestic violence & other social
evils.</p>
</body>
</html>
Link
Output:
Code:
<html>
<head> <title>LINK</title> </head>
<body >
5
<ul type="none">
<li> <img src="E:\education\web university\images\homeicon.png" alt="error"
width="18px" height="18px"> <a href="E:\education\web
university\home.html" target="blank">HOME</a> </li> <br>
<li> <img src="E:\education\web university\images\contact.png"
alt="error"width="18px" height="18px" > <a href="E:\education\web
university\contact.html" target="blank">CONTACT</a> </li> <br>
<li> <img src="E:\education\web university\images\feedback2.png" alt="error"
university\feedback.html" target="blank">FEEDBACK</a> </li> <br>
<li> <img src="E:\education\web university\images\aboutus2.png" alt="error"
university\aboutus.html" target="blank">ABOUT-US</a></li> <br>
<li><img src="E:\education\web university\images\signup.png" alt="error"
university\signup.html" target="blank">SIGN-UP</a></li>
</ul>
</body>
</html>
Contact
Output:
6
Code:
<html>
<head> <title>CONTACT-US</title> </head>
<body>
<div align="center"> <form action="/"> <h1>Contact Us</h1>
<input type="text" name="name" placeholder="Full name"> <br>
<input type="text" name="name" placeholder="Email"> <br>
<input type="text" name="name" placeholder="Phone number"> <br>
<input type="text" name="name" placeholder="Website"> <br>
<button type="submit" href="/">Submit</button>
</form> </div>
<div> <dl> <dt>Email-adress:</dt>
<dd> <a href="mailto:umairathar0007@gmail.com"
target="blank">umairathar0007@gmail.com</a></dd> </dl>
<dl> <dt>CONTACT:</dt> <dd>0330-6146540</dd> </dl>
</div>
<br> <br>
<img src="E:\education\web university\images\homeicon.png" alt="error"
width="18px" height="18px"> <a
7
href="file:///E:/education/web%20university/FRAMESET.html"
target="blank">HOME</a> <br>
</body>
</html>
Feedback
Output:
Code:
<html>
<head> <title>FEEDBACK </title> </head>
8
<body>
<h1>FEEDBACK</h1>
Name:<input type="text" name="name" placeholder="Full name"> <br>
Email:<input type="text" name="name" placeholder="Email"> <br>
<label for="feed">FEEDBACK :</label>
<div> <textarea name="feedback" id="feed" cols="30" rows="10"
placeholder="please enter feedback "></textarea> </div> <br>
<div> <input type="submit" value="submitNOw"> </div> <br> <br>
href="file:///E:/education/web%20university/SIr-1-html%20sirrr.html"
</body> </html>
About-us
Output:
9
Code:
<html>
<head> <title> ABOUT-US </title>
</head>
<body>
<img src="images/umair2.jpeg" width="150px" height="150px" alt="eroor
loading check your path" >
<dl> <dt>UMAIR ATHAR</dt>
<dd> I am Umair Athar. i am currently enrolled in BS Software Engineering
MOR-B.</dd>
</dl>
<dl>
<dt>Email-adress:</dt>
<dd> <a href="mailto:umairathar0007@gmail.com"
target="blank">umairathar0007@gmail.com</a></dd>
</dl>
<dl> <dt>PHONE:</dt> <dd>0330-6146540</dd> </dl>
</body>
</html>
10
Marquee
Output:
Code:
<html>
<head> <title>SIGN-UP</title> </head>
<body>
<h2 align="center"> Registration form</h2>
<form action="backend.php">
<label for="1name">First Name </label> <span> <input type="text "
name="MyName1" id="1name"> </span>
<label for="2name"> Last Name </label> <span> <input type="text "
name="MyName2" id="2name"> </span>
<br> <br>
<label for="datetime">Birth-Date</label>
<div> <input type="date" name="MYbirth" id="datetime"> </div>
<br> <label for="mail">E-Mail</label>
11
<div>
<input type="email " name="Myemail" id="mail"> </div>
<br> <label for="ID">CNIC</label>
<div>
<input type="number" name="MyCNIC" id="ID" placeholder="33203-
6019825-5" autocomplete="off" required>
</div>
<br>
<label for="tele">Tel </label>
<div>
<input type="tel" value="" id="tele" autocomplete="on">
</div>
<br>
<div>
GENDER: Male <input type="radio" name="MyGender"> Femail <input
type="radio" name="MyGender"> </div> <br>
<div>
REGLION: Muslim<input type="radio" name="Myreglion"> Non-
Muslim<input type="radio" name="MyGender">
</div>
<br>
<div>
<label for="Subject">SUBJECT</label>
<select name="Subject" id="Subject">
12
<option value="Mlm"> Computer Science</option>

<option value="NMlm">Software Engineering</option>
<option value="NMlm">Information Technology</option>
</select>
</div>
<br>
<div>
SESSION: <input type="checkbox" name="Session" id="session">
Morning <input type="checkbox" name="Session"
id="session"> Evening
</div> <br>
<div> <input type="submit" value="submitNOw"> </div>
</form>

href="file:///E:/education/web%20university/SIr-1-html%20sirrr.html"
</body>
</html>
Thank-You
13

Web Design & Development: HTML Assignment

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Web Design & Development: HTML Assignment

Uploaded by

Copyright:

Available Formats

web design & development

WEB DESIGN & DEVELOPMENT

<frameset rows="35%, 65%" noresize="noresize">

<img src="E:\education\web university\images\cloud.jpg" alt=""

<option value="Mlm"> Computer Science</option>

<img src="E:\education\web university\images\homeicon.png" alt="error"

You might also like