Thanks to visit codestin.com
Credit goes to www.scribd.com

Scribd
Upload
16 views30 pages

My Ui File

The document contains code for creating a book index page using HTML. It includes a title, table of contents navigation links to chapter headings, and placeholder content for 9 chapters. Styling is added with CSS for formatting headings, links, and overall page layout. The objective is for students to learn how to make a book index with HTML and styling.

Uploaded by

collegework048
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
16 views30 pages

My Ui File

The document contains code for creating a book index page using HTML. It includes a title, table of contents navigation links to chapter headings, and placeholder content for 9 chapters. Styling is added with CSS for formatting headings, links, and overall page layout. The objective is for students to learn how to make a book index with HTML and styling.

Uploaded by

collegework048
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/ 30

UI LAB FILE

Name:- Nidhi
Class:- B. TECH CDFD ( CSE )
Roll no.:- 2K22CSUN01203
MANAV RACHNA UNIVERSITY, FARIDABAD
SCHOOL OF SCIENCES
DEPARTMENT OF SCIENCES-PROGRAM MATHEMATICS

Course: B. Tech CSE CDFD Semester: III


Session: 2023-24 Subject: UI LAB FILE
Lab: 01 RESUME
Objective: Write a program to make resume using HTML
Learning Outcome: Student would be able make resume with the help of HTML, by using
styling and editing of photographs.
MANAV RACHNA UNIVERSITY, FARIDABAD
SCHOOL OF SCIENCES
DEPARTMENT OF SCIENCES-PROGRAM MATHEMATICS

Course: B. Tech CSE CDFD Semester: III


Session: 2023-24 Subject: UI LAB FILE
Lab: 02 BOOK INDEX
Objective: Write a program to make book Index using HTML.
Learning Outcome: Student would be able make book Index with the help of HTML, by using
styling and editing of photographs very easily.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Book Index</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 20px;
}
h1 {
text-align: center;
}
ul {
list-style-type: none;
padding: 0;
}
li {
margin-bottom: 10px;
}
</style>
</head>
<body>
<h1>ENGLISH GRAMMER</h1>
<h2>Table of Contents</h2>
<ul>
<li><a href="#chapter1">Chapter 1: NOUN</a></li>
<li><a href="#chapter2">Chapter 2: PRONOUN</a></li>
<li><a href="#chapter3">Chapter 3: VERBS</a></li>
<li><a href="#chapter4">Chapter 4: ADVERBS</a></li>
<li><a href="#chapter5">Chapter 5: ADJECTIVES</a></li>
<li><a href="#chapter6">Chapter 6: CONJUCTIONS</a></li>
<li><a href="#chapter7">Chapter 7: PREPOSITIONS</a></li>
<li><a href="#chapter8">Chapter 8: LETTERS</a></li>
<li><a href="#chapter9">Chapter 9: SENTENCES</a></li>
<!-- Add more chapters as needed -->
</ul>

<h2 id="chapter1">Chapter 1: NOUN</h2>


<ul>
<li>-TYPES OF NOUN</li>
<li>-EXAMPLES</li>
<li>-EXERCISE</li>
</ul>

<h2 id="chapter2">Chapter 2: PRONOUN</h2>


<ul>
<li>-TYPES OF PRONOUN</li>
<li>-EXAMPLES</li>
<li>-EXERCISE</li>
</ul>

<h2 id="chapter3">Chapter 3: VERBS</h2>


<ul>
<li>-TYPES OF VERBS</li>
<li>-EXAMPLES</li>
<li>-EXERCISE</li>
</ul>

<h2 id="chapter4">Chapter 4: ADVERBS</h2>


<ul>
<li>-TYPES OF ADVERBS</li>
<li>-EXAMPLES</li>
<li>-EXERCISE</li>
</ul>
<h2 id="chapter5">Chapter 5: ADJECTIVES</h2>
<ul>
<li>-TYPES OF ADJECTIVES</li>
<li>-EXAMPLES</li>
<li>-EXERCISE</li>
</ul>

<h2 id="chapter6">Chapter 6: CONJUCTIONS</h2>


<ul>
<li>-TYPES OF CONJUCTIONS</li>
<li>-EXAMPLES</li>
<li>-EXERCISE</li>
</ul>

<h2 id="chapter7">Chapter 7: PREPOSITIONS</h2>


<ul>
<li>-TYPES OF PREPOSITIONS</li>
<li>-EXAMPLES</li>
<li>-EXERCISE</li>
</ul>

<h2 id="chapter8">Chapter 9: LETTER</h2>


<ul>
<li>-TYPES OF LETTER</li>
<li>-EXAMPLES</li>
<li>-EXERCISE</li>
</ul>

<h2 id="chapter9">Chapter 9: SENTENSES</h2>


<ul>
<li>-TYPES OF SENTENCES</li>
<li>-EXAMPLES</li>
<li>-EXERCISE</li>
</ul>

<!-- Add more chapters with similar headings and content -->

<footer>
<p>&copy; 2023 Your Name. All rights reserved.</p>
</footer>
</body>
</html>

OUTPUT
MANAV RACHNA UNIVERSITY, FARIDABAD
SCHOOL OF SCIENCES
DEPARTMENT OF SCIENCES-PROGRAM MATHEMATICS

Course: B. Tech CSE CDFD Semester: III


Session: 2023-24 Subject: UI LAB FILE
Lab: 03 Time Table
Objective: Write a program to make Time Table using HTML.
Learning Outcome: Student would be able make Time Table with the help of HTML+ CSS, by
using styling and coloring very easily.

<!DOCTYPE html>

<html>

<head>

<style>

H1{

text-align: center;

</style>

<title> TIME TABLE</title>

</head>

<body>

<H1>TIME TABLE</H1>

<table border="5" cellspacing="0" align="center">

<tr>

<td colspan="10" align="center" height="10" width="10"><br>

<b>Time Table: JULY- DEC 2023</b>

</td>
</tr>

<tr>

<td align="center" height="50" width="100"><br>

<b>Day</b>

</td>

<td align="center" height="50" width="100">

<b>I<br>

<HR>8:00-8:50

</b>

</td>

<td align="center" height="50" width="100">

<b>II<br>

<HR>8:50-9:40

</b>

</td>

<td align="center" height="50" width="100">

<b>III<br>

<HR>9:40-10:30

</b>

</td>

<td align="center" height="50" width="100">

<b>IV<br>

<HR>10:30-11:20

</b>

</td>

<td align="center" height="50" width="100">

<b>V<br>

<HR>11:20-12:10

</b>

</td>

<td align="center" height="50" width="100">

<b>VI<br>

<HR>12:10-1:00
</b>

</td>

<td align="center" height="50" width="100">

<b>VII<br>

<HR>1:00-1:50

</b>

</td>

<td align="center" height="50" width="100">

<b>VIII<br>

<HR>1:50-2:40

</b>

</td>

<td align="center" height="50" width="100">

<b>IX<br>

<HR>2:40-3:30

</b>

</td>

</tr>

<tr>

<td align="center" height="50">

<b>MONDAY</b>

</td>

<td align="center" height="50"> </td>

<td bgcolor="tan" align="center" height="50">CDA 3(Abha)<br>Soft Skills LT10 </td>

<td bgcolor="yellow" align="center" height="50"> CDFD 3 OOPS(L)<BR>LS04 GC</td>

<td bgcolor="wheat" align="center" height="50" WIDTH="200">CDFD/CSTI FRENCH(L)-KS03 Aman<br>

<HR>

AIML/CDFD GERMAN-KS08 Shweta<br>

<HR>

CDFD/CSTI/ROBOTICS SPANISH(L)-LS04

</td>

<TD rowspan="6" align="center" height="50">


<h2>L<BR>U<BR>N<BR>C<BR>H</h2>

</TD>

<td bgcolor="sky blue" align="center" height="50"> CDFD 3 SE(L)LS10 <BR>DT</td>

<td bgcolor="light green" align="center" height="50">CDFD 3 DBMS (L)<BR>LS09 SG </td>

<td bgcolor="red " align="center" height="50"> </td>

<td bgcolor="red" align="center" height="50"> </td>

</TR>

<TR>

<td align="center" height="50">

<b>TUESDAY</b>

</td>

<td align="center" height="50"> </td>

<td bgcolor="yellow" align="center" height="50">CDFD 3<BR>OOPS(L)LS08<BR>GC </td>

<td bgcolor="light green" align="center" height="50">CDFD 3 DBMS(L)<BR>LT09 SG </td>

<td bgcolor="red" align="center" height="50"> VAC </td>

<td bgcolor="sky blue" align="center" height="50">CDFD 3 SE(L) LF03<BR>DT </td>

<td bgcolor="tan" align="center" height="50">CDA 3(Ajay)<BR>Aptitude LF-03 </td>

<td bgcolor="" align="center" height="50">CDFD 3IC (L)LS10<BR>BA </td>

<td align="center" height="50"> </td>

</tr>

<TR>

<td align="center" height="50">

<b>WEDNESDAY</b>

</td>

<td bgcolor="light green" COLSPAN="2" align="center" height="50">CDFD3 DBMS LAB LAB09<BR>NUPUR</td>

<td bgcolor="purple" COLSPAN="2" align="center" height="50">CDFD 3 MWMF LAB LAB02 NF</td>

<td bgcolor="light green" align="center" height="50">CDFD 3 DBMS(L)<BR>LF03 SG </td>

<td bgcolor="Dark red" align="center" height="50">MENTOR MENTEE <BR>LF09 MA </td>

<td bgcolor="purple" align="center" height="50">CDFD 3 MWMF(L)<BR>LF09 NF </td>

<td bgcolor="yellow" align="center" height="50">CDFD 3 OOPS(L)<BR>LF09 GC </td>


</tr>

<TR>

<td align="center" height="50">

<b>THURSDAY</b>

</td>

<td bgcolor="purple" align="center" height="50">CDFD 3<BR>MWMF(L)LF10<BR>NF</td>

<td bgcolor="tan" align="center" height="50">CDA 3(Abha)<br>Soft SkillsLS03</td>

<td bgcolor="sky blue" align="center" height="50">CDFD 3 SE(L)LS09 <BR>DT </td>

<td bgcolor="wheat" align="center" height="50" WIDTH="200">CDFD/CSTI FRENCH(L)-KS03 Aman<br>

<HR>

AIML/CDFD GERMAN-KS08 Shweta<br>

<HR>

CDFD/CSTI/ROBOTICS SPANISH(L)-LS04<BR>PRIYANKA

</td>

<td bgcolor="purple" align="center" height="50">CDFD 3<BR>MWMF(L)LF10<BR>NF</td>

<td bgcolor="tan" align="center" height="50">CDA 3(Ajay)<BR>Aptitude LS10 </td>

<td Colspan="2" align="center" height="50"><BR>CLAN </td>

</tr>

<TR>

<td align="center" height="50">

<b>FRIDAY</b>

</td>

<td bgcolor="orange" COLSPAN="2" align="center" height="50">CDFD 3 UI-1 LAB LS10 UP</td>

<td bgcolor="purple" align="center" height="50">CDFD 3<BR>MWMF(L)LS10<BR>NF</td>

<td bgcolor="" align="center" height="50"> </td>

<td bgcolor="sky blue" align="center" height="50">CDFD 3 SE(T) LS09 <BR>DT </td>

<td bgcolor="" align="center" height="50">CDFD 3 ITR(L)<BR>LS08 YA </td>

<td bgcolor="yellow" COLSPAN="2" align="center" height="50">CDFD 3 OOPS LAB LS09 GC </td>


</tr>

</table>

</body>

</html>

MANAV RACHNA UNIVERSITY, FARIDABAD


SCHOOL OF SCIENCES
DEPARTMENT OF SCIENCES-PROGRAM MATHEMATICS
Course: B. Tech CSE CDFD Semester: III
Session: 2023-24 Subject: UI LAB FILE
Lab: 04 FRAME
Objective: Write a program to make Frame using HTML.
Learning Outcome: Student would be able make Frame with the help of HTML + CSS, by using
styling, coloring and editing of photographs very easily.

<!DOCTYPE html>
<html>
<head>
<title>FRAME</title>
</head>
<body>
<h1>FRAME</h1>
<iframe
src="https://resize.indiatvnews.com/en/resize/newbucket/1200_-/2017/08/annabelle-
creation-fb-1503215699.jpg" width="800" height="600"></iframe>
</body>
</html>

OUTPUT
MANAV RACHNA UNIVERSITY, FARIDABAD
SCHOOL OF SCIENCES
DEPARTMENT OF SCIENCES-PROGRAM MATHEMATICS

Course: B. Tech CSE CDFD Semester: III


Session: 2023-24 Subject: UI LAB FILE
Lab: 05 FORM
Objective: Write a program to make FORM using HTML.
Learning Outcome: Student would be able make form with the help of HTML + CSS, by using
styling, coloring and editing of photographs very easily.

<!DOCTYPE html>
<html>

<head>
<title>FORM</title>
</head>

<body bgcolor="lavendar">

<h1>
<centre> FORM </centre>
</h1>

<form action="submit.php" method="post">


<label for="name">Name:</label>
<input type="text" id="name" name="name" required><br><br>

<label for="Fathers Name">Fathers Name:</label>


<input type="Fathers Name" id="Fathers Name" name="Fathers Name"
required><br><br>

<label for="Phone No.">Phone No.:</label>


<input type="number" id="Phone No." name="Phone No." required><br><br>

<label for="email">Email:</label>
<input type="email" id="email" name="email" required><br><br>

<label for="Password">Password:</label>
<input type="text" id="Password" name="Password" required><br><br>

<label for="Gender">Gender:</label>
<input type="radio" name="gender" value="male"> Male
<input type="radio" name="gender" value="female">Female<br><br>

<label for="Select your Hobbies">Hobbies:</label><br><br>


<label>
<input type="checkbox" name="hobby" value="reading">
Reading
</label>
<br>

<label>
<input type="checkbox" name="hobby" value="swimming">
Swimming
</label>
<br>

<label>
<input type="checkbox" name="hobby" value="Cricket">
Cricket
</label>
<br>

<label>
<input type="checkbox" name="hobby" value="painting">
Painting
</label>
<br>

<label>
<input type="checkbox" name="hobby" value="cooking">
Cooking
</label>
<br>

<label>Country</label><b r><b r>


<select name="Country">
<option value="Afghanistan">Afghanistan</option>
<option value="Albania">Albania</option>
<option value="Algeria">Algeria</option>
<option value="American Samoa">American Samoa</option>
<option value="Andorra">Andorra</option>
<option value="Angola">Angola</option>
<option value="Anguilla">Anguilla</option>
<option value="Antartica">Antarctica</option>
<option value="Antigua and Barbuda">Antigua and Barbuda</option>
<option value="Argentina">Argentina</option>
<option value="Armenia">Armenia</option>
<option value="Aruba">Aruba</option>
<option value="Australia">Australia</option>
<option value="Austria">Austria</option>
<option value="Azerbaijan">Azerbaijan</option>
<option value="Bahamas">Bahamas</option>
<option value="Bahrain">Bahrain</option>
<option value="Bangladesh">Bangladesh</option>
<option value="Barbados">Barbados</option>
<option value="Belarus">Belarus</option>
<option value="Belgium">Belgium</option>
<option value="Belize">Belize</option>
<option value="Benin">Benin</option>
<option value="Bermuda">Bermuda</option>
<option value="Bhutan">Bhutan</option>
<option value="Bolivia">Bolivia</option>
<option value="Bosnia and Herzegowina">Bosnia and
Herzegowina</option>
<option value="Botswana">Botswana</option>
<option value="Bouvet Island">Bouvet Island</option>
<option value="Brazil">Brazil</option>
<option value="British Indian Ocean Territory">British Indian Ocean
Territory</option>
<option value="Brunei Darussalam">Brunei Darussalam</option>
<option value="Bulgaria">Bulgaria</option>
<option value="Burkina Faso">Burkina Faso</option>
<option value="Burundi">Burundi</option>
<option value="Cambodia">Cambodia</option>
<option value="Cameroon">Cameroon</option>
<option value="Canada">Canada</option>
<option value="Cape Verde">Cape Verde</option>
<option value="Cayman Islands">Cayman Islands</option>
<option value="Central African Republic">Central African
Republic</option>
<option value="Chad">Chad</option>
<option value="Chile">Chile</option>
<option value="China">China</option>
<option value="Christmas Island">Christmas Island</option>
<option value="Cocos Islands">Cocos (Keeling) Islands</option>
<option value="Colombia">Colombia</option>
<option value="Comoros">Comoros</option>
<option value="Congo">Congo</option>
<option value="Congo">Congo, the Democratic Republic of the</option>
<option value="Cook Islands">Cook Islands</option>
<option value="Costa Rica">Costa Rica</option>
<option value="Cota D'Ivoire">Cote d'Ivoire</option>
<option value="Croatia">Croatia (Hrvatska)</option>
<option value="Cuba">Cuba</option>
<option value="Cyprus">Cyprus</option>
<option value="Czech Republic">Czech Republic</option>
<option value="Denmark">Denmark</option>
<option value="Djibouti">Djibouti</option>
<option value="Dominica">Dominica</option>
<option value="Dominican Republic">Dominican Republic</option>
<option value="East Timor">East Timor</option>
<option value="Ecuador">Ecuador</option>
<option value="Egypt">Egypt</option>
<option value="El Salvador">El Salvador</option>
<option value="Equatorial Guinea">Equatorial Guinea</option>
<option value="Eritrea">Eritrea</option>
<option value="Estonia">Estonia</option>
<option value="Ethiopia">Ethiopia</option>
<option value="Falkland Islands">Falkland Islands
(Malvinas)</option>
<option value="Faroe Islands">Faroe Islands</option>
<option value="Fiji">Fiji</option>
<option value="Finland">Finland</option>
<option value="France">France</option>
<option value="France Metropolitan">France, Metropolitan</option>
<option value="French Guiana">French Guiana</option>
<option value="French Polynesia">French Polynesia</option>
<option value="French Southern Territories">French Southern
Territories</option>
<option value="Gabon">Gabon</option>
<option value="Gambia">Gambia</option>
<option value="Georgia">Georgia</option>
<option value="Germany">Germany</option>
<option value="Ghana">Ghana</option>
<option value="Gibraltar">Gibraltar</option>
<option value="Greece">Greece</option>
<option value="Greenland">Greenland</option>
<option value="Grenada">Grenada</option>
<option value="Guadeloupe">Guadeloupe</option>
<option value="Guam">Guam</option>
<option value="Guatemala">Guatemala</option>
<option value="Guinea">Guinea</option>
<option value="Guinea-Bissau">Guinea-Bissau</option>
<option value="Guyana">Guyana</option>
<option value="Haiti">Haiti</option>
<option value="Heard and McDonald Islands">Heard and Mc Donald
Islands</option>
<option value="Holy See">Holy See (Vatican City State)</option>
<option value="Honduras">Honduras</option>
<option value="Hong Kong">Hong Kong</option>
<option value="Hungary">Hungary</option>
<option value="Iceland">Iceland</option>
<option value="India">India</option>
<option value="Indonesia">Indonesia</option>
<option value="Iran">Iran (Islamic Republic of)</option>
<option value="Iraq">Iraq</option>
<option value="Ireland">Ireland</option>
<option value="Israel">Israel</option>
<option value="Italy">Italy</option>
<option value="Jamaica">Jamaica</option>
<option value="Japan">Japan</option>
<option value="Jordan">Jordan</option>
<option value="Kazakhstan">Kazakhstan</option>
<option value="Kenya">Kenya</option>
<option value="Kiribati">Kiribati</option>
<option value="Democratic People's Republic of Korea">Korea,
Democratic People's Republic of</option>
<option value="Korea">Korea, Republic of</option>
<option value="Kuwait">Kuwait</option>
<option value="Kyrgyzstan">Kyrgyzstan</option>
<option value="Lao">Lao People's Democratic Republic</option>
<option value="Latvia">Latvia</option>
<option value="Lebanon" selected>Lebanon</option>
<option value="Lesotho">Lesotho</option>
<option value="Liberia">Liberia</option>
<option value="Libyan Arab Jamahiriya">Libyan Arab
Jamahiriya</option>
<option value="Liechtenstein">Liechtenstein</option>
<option value="Lithuania">Lithuania</option>
<option value="Luxembourg">Luxembourg</option>
<option value="Macau">Macau</option>
<option value="Macedonia">Macedonia, The Former Yugoslav Republic
of</option>
<option value="Madagascar">Madagascar</option>
<option value="Malawi">Malawi</option>
<option value="Malaysia">Malaysia</option>
<option value="Maldives">Maldives</option>
<option value="Mali">Mali</option>
<option value="Malta">Malta</option>
<option value="Marshall Islands">Marshall Islands</option>
<option value="Martinique">Martinique</option>
<option value="Mauritania">Mauritania</option>
<option value="Mauritius">Mauritius</option>
<option value="Mayotte">Mayotte</option>
<option value="Mexico">Mexico</option>
<option value="Micronesia">Micronesia, Federated States of</option>
<option value="Moldova">Moldova, Republic of</option>
<option value="Monaco">Monaco</option>
<option value="Mongolia">Mongolia</option>
<option value="Montserrat">Montserrat</option>
<option value="Morocco">Morocco</option>
<option value="Mozambique">Mozambique</option>
<option value="Myanmar">Myanmar</option>
<option value="Namibia">Namibia</option>
<option value="Nauru">Nauru</option>
<option value="Nepal">Nepal</option>
<option value="Netherlands">Netherlands</option>
<option value="Netherlands Antilles">Netherlands Antilles</option>
<option value="New Caledonia">New Caledonia</option>
<option value="New Zealand">New Zealand</option>
<option value="Nicaragua">Nicaragua</option>
<option value="Niger">Niger</option>
<option value="Nigeria">Nigeria</option>
<option value="Niue">Niue</option>
<option value="Norfolk Island">Norfolk Island</option>
<option value="Northern Mariana Islands">Northern Mariana
Islands</option>
<option value="Norway">Norway</option>
<option value="Oman">Oman</option>
<option value="Pakistan">Pakistan</option>
<option value="Palau">Palau</option>
<option value="Panama">Panama</option>
<option value="Papua New Guinea">Papua New Guinea</option>
<option value="Paraguay">Paraguay</option>
<option value="Peru">Peru</option>
<option value="Philippines">Philippines</option>
<option value="Pitcairn">Pitcairn</option>
<option value="Poland">Poland</option>
<option value="Portugal">Portugal</option>
<option value="Puerto Rico">Puerto Rico</option>
<option value="Qatar">Qatar</option>
<option value="Reunion">Reunion</option>
<option value="Romania">Romania</option>
<option value="Russia">Russian Federation</option>
<option value="Rwanda">Rwanda</option>
<option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option>
<option value="Saint LUCIA">Saint LUCIA</option>
<option value="Saint Vincent">Saint Vincent and the
Grenadines</option>
<option value="Samoa">Samoa</option>
<option value="San Marino">San Marino</option>
<option value="Sao Tome and Principe">Sao Tome and Principe</option>
<option value="Saudi Arabia">Saudi Arabia</option>
<option value="Senegal">Senegal</option>
<option value="Seychelles">Seychelles</option>
<option value="Sierra">Sierra Leone</option>
<option value="Singapore">Singapore</option>
<option value="Slovakia">Slovakia (Slovak Republic)</option>
<option value="Slovenia">Slovenia</option>
<option value="Solomon Islands">Solomon Islands</option>
<option value="Somalia">Somalia</option>
<option value="South Africa">South Africa</option>
<option value="South Georgia">South Georgia and the South Sandwich
Islands</option>
<option value="Span">Spain</option>
<option value="SriLanka">Sri Lanka</option>
<option value="St. Helena">St. Helena</option>
<option value="St. Pierre and Miguelon">St. Pierre and
Miquelon</option>
<option value="Sudan">Sudan</option>
<option value="Suriname">Suriname</option>
<option value="Svalbard">Svalbard and Jan Mayen Islands</option>
<option value="Swaziland">Swaziland</option>
<option value="Sweden">Sweden</option>
<option value="Switzerland">Switzerland</option>
<option value="Syria">Syrian Arab Republic</option>
<option value="Taiwan">Taiwan, Province of China</option>
<option value="Tajikistan">Tajikistan</option>
<option value="Tanzania">Tanzania, United Republic of</option>
<option value="Thailand">Thailand</option>
<option value="Togo">Togo</option>
<option value="Tokelau">Tokelau</option>
<option value="Tonga">Tonga</option>
<option value="Trinidad and Tobago">Trinidad and Tobago</option>
<option value="Tunisia">Tunisia</option>
<option value="Turkey">Turkey</option>
<option value="Turkmenistan">Turkmenistan</option>
<option value="Turks and Caicos">Turks and Caicos Islands</option>
<option value="Tuvalu">Tuvalu</option>
<option value="Uganda">Uganda</option>
<option value="Ukraine">Ukraine</option>
<option value="United Arab Emirates">United Arab Emirates</option>
<option value="United Kingdom">United Kingdom</option>
<option value="United States">United States</option>
<option value="United States Minor Outlying Islands">United States
Minor Outlying Islands</option>
<option value="Uruguay">Uruguay</option>
<option value="Uzbekistan">Uzbekistan</option>
<option value="Vanuatu">Vanuatu</option>
<option value="Venezuela">Venezuela</option>
<option value="Vietnam">Viet Nam</option>
<option value="Virgin Islands (British)">Virgin Islands
(British)</option>
<option value="Virgin Islands (U.S)">Virgin Islands (U.S.)</option>
<option value="Wallis and Futana Islands">Wallis and Futuna
Islands</option>
<option value="Western Sahara">Western Sahara</option>
<option value="Yemen">Yemen</option>
<option value="Serbia">Serbia</option>
<option value="Zambia">Zambia</option>
<option value="Zimbabwe">Zimbabwe</option>
</select> <br><br>

<label for="message">Message:</label><br>
<textarea id="message" name="message" rows="4" cols="50"
required></textarea><br><br>

<input type="submit" value="Submit">


</form>

</body>

</html>

OUTPUT
MANAV RACHNA UNIVERSITY, FARIDABAD
SCHOOL OF SCIENCES
DEPARTMENT OF SCIENCES-PROGRAM MATHEMATICS

Course: B. Tech CSE CDFD Semester: III


Session: 2023-24 Subject: UI LAB FILE
Lab: 06 Web page
Objective: Write a program to make Web Page using HTML.
Learning Outcome: Student would be able make Web page with the help of HTML + CSS, by
using styling, coloring and editing of photographs very easily.

<!DOCTYPE html>

<html lang="en">

<head>

<style>

a:link {

color:red;

a:visited{

color:green;

a:active{

color:blue;

.topnav {

overflow: hidden;

background-color: #b7f9ce;

}
.topnav a {

display:inline-block;

color: #0b0404;

text-align: center;

padding: 15px 17px;

text-decoration: none;

font-size: 17px;

align-items: center;

.topnav a:hover {

background-color: #b0fb9f;

color: black;

.topnav a.active {

float: left;

color: rgb(1, 18, 20);

#adm-enq{

margin: -80px 10px 9px 1000px;

padding-bottom: -300px;

font-size: 20px;

.btn1{

cursor: pointer;
align-content: center;

width: 270px;

height: 30px;

background-color:lightgrey;

font-size: 10px;

border-radius: 4px;

.btn1:hover{

color: white;

background-color: green;

</style>

</head>

<body>

<img src="nexus university.jpg" height="100" width="100">

<div class="topnav" id="myTopnav">

<a href="home.html">Home</a>

<a href="contact.html">Contact</a>

<a href="institututions.html">Institutions</a>

<a href="campus.html">Campus</a>

<a href="alumni.html">Alumni</a>

<a href="internship.html">Internship</a>

<a href="placements.html">Placements</a>

</div>

<h1>Student ERP</h1>

<ul>

<li><a href="coreCampusDetails.html" >Core Campus Details</a><br></li>


<li><a href="onilneAdmission.html">Online Admission Login</a></li>

</ul>

<section id="adm-enq">

<h1>Admission Enquiry</h1><br>

<div class="form">

<form action="backend.php">

<label for="name"></label>

<div>

<input type="text" name="myName" id="name" placeholder="Enter name">

</div>

<br>

<label for="Email"></label>

<div>

<input type="text" name="myEmail" id="Email" placeholder="Enter Email Address">

</div>

<br>

<label for="number"></label>

<div>

<input type="number" name="myNumber" id="num" placeholder="Enter mobile number">

</div>

<br>

<label for="state"></label>

<div>

<input type="text" name="myState" id="state" placeholder="Enter State">

</div><br>

<label for="city"></label>

<div>

<input type="text" name="mycity" id="num" placeholder="Enter city">

</div><br>

<div>

<input type="checkbox" name="myAgreement">&nbsp;I agree to receive information from Nexus Team

</div><br>

<button class="btn1">Submit</button>
</form>

</div>

</section>

</body>

</html>

You might also like