1. Create a webpage in html which has college name as heading and add relevant text regarding it.
<HTML>
<HEAD>
<TITLE>Tinsukia College</TITLE>
</HEAD>
<BODY>
<H1>TINSUKIA COLLEGE</H1>
<P ALIGN=”JUSTIFY”>Tinsukia College, established in 1956, is one of the oldest undergraduate, coeducational college situated in Tinsukia, Assam. This college is affiliated with the Dibrugarh University. Tinsukia College, an institution that initiated its academic endeavour with a handful of students and four faculty members now has grown into a huge family with an enrolment of more than 3500 students and a teaching fraternity with almost 80 members contributing to the growth of this premier institution of higher education. This Co-ed institution has been imparting education both at Higher Secondary & Degree levels in 5 faculties of Arts, Science, Commerce, Management and Computer Science. Currently, the college has altogether 17 departments, viz. Assamese, Bengali, Botany, Chemistry, Commerce, Computer Science, Economics, English, Geography, Hindi, History, Mathematics, Philosophy, Physics, Political Science, Statistics and Zoology. Except Bengali and Computer Science all the other departments offer Honours courses at the degree level. Besides, it provides two professional degree courses, viz, BBA and BCA. The college has a study centre of Krishna Kanta Handique State Open University under which several UG and PG courses are offered.
</BODY>
</HTML>
Output:
2. Create an html page with red background, add scrolling text “read the message”.
<HTML>
<HEAD>
<TITLE>Warning!!!</TITLE>
</HEAD>
<BODY BGCOLOR=”RED”>
<MARQUEE BGCOLOR=”WHITE” HEIGHT=”30″ SCROLLAMOUNT=”10″>READ THE MESSAGE</MARQUEE>
<FONT SIZE=”7″>WARNING! </FONT>
</BODY>
</HTML>
Output:
3. Create a HTML file with an attractive background colour that contains the following:
a. Title should be “About My City”
b. Place your city name at the top of the page with bold, italic as a heading in blue colour.
c. A paragraph about your city. Font should be arial.
<HTML>
<HEAD>
<TITLE>About My City</TITLE>
</HEAD>
<BODY BGCOLOR=”CYAN”>
<FONT COLOR=”BLUE”>
<H1 ALIGN=”CENTER”><I><U>TINSUKIA</U></I></H1></FONT>
<FONT FACE=”ARIAL”>
<P ALIGN=”JUSTIFY”> Tinsukia is located in the upper part of Assam and is surrounded by Arunachal Pradesh in the south-east, Dibrugarh district in the south-west and Dhemaji district in the north. Tinsukia has a geographical area of 3790 sq. km. It was declared as the 23rd district of Assam on 1st October 1989 with three sub divisions Tinsukia, Margherita (M), and Sadiya. The ancient name of Tinsukia was Bangmara which was originally known as Changmai Pathar. It was the capital of Muttack Kingdom. The district is inhabited by various communities mainly Moran, Matak, Adivasi, Tai Ahom, Sonowal Kachari, Nepali, Singpho, Bengali, Marwari and Bihari.
</BODY>
</HTML>
Output:
4. Create a web page of your college with the following specifications –
a. Title should be about my college
b. Place your College name at the top of the page in large text followed by address in smaller size.
c. Write a paragraph about your college.
d. Add names of courses offered each in a different color and styles.
e. Add college image in the page.
<HTML>
<HEAD>
<TITLE>About My College</TITLE>
</HEAD>
<BODY>
<H1 ALIGN=”CENTER”>TINSUKIA COLLEGE</H1>
<H2 ALIGN=”CENTER”>Kachujan</H2>
<H2 ALIGN=”CENTER”>Tinsukia, Assam</H2>
<H2 ALIGN=”CENTER”>786125</H2>
<FONT SIZE=”4″>
<P ALIGN=”JUSTIFY”>Tinsukia College, established in 1956, is one of the oldest undergraduate, coeducational college situated in Tinsukia, Assam. This college is affiliated with the Dibrugarh University. Tinsukia College, an institution that initiated its academic endeavour with a handful of students and four faculty members now has grown into a huge family with an enrolment of more than 3500 students and a teaching fraternity with almost 80 members contributing to the growth of this premier institution of higher education. This Co-ed institution has been imparting education both at Higher Secondary & Degree levels in 5 faculties of Arts, Science, Commerce, Management and Computer Science. Currently, the college has altogether 17 departments, viz. Assamese, Bengali, Botany, Chemistry, Commerce, Computer Science, Economics, English, Geography, Hindi, History, Mathematics, Philosophy, Physics, Political Science, Statistics and Zoology. Except Bengali and Computer Science all the other departments offer Honours courses at the degree level. Besides, it provides two professional degree courses, viz, BBA and BCA. The college has a study centre of Krishna Kanta Handique State Open University under which several UG and PG courses are offered. </FONT>
<IMG SRC=”C:\Users\ELIZA\OneDrive\Pictures\tsk.webp” ALIGN=”RIGHT” HEIGHT=”600″ WIDTH=”1000″ vspace=”50″>
<H2><U><I>Courses Offered in the College:</I></U> </H2>
<FONT SIZE=”5″ COLOR=”BLUE” FACE=”VERDANA”>
<UL type=”square”>
<LI>Undergraduate Programs:
<UL>
<LI>BA
<LI>BSc
<LI>BCom
<LI>BCA
<LI>BBA
</UL>
</FONT>
<FONT SIZE=”5″ COLOR=”GREEN” FACE=”ARIAL”>
<LI>Post Graduate Programs:
<UL>
<LI>MA
<LI>MSc
<LI>MCom
</UL>
</FONT>
<FONT SIZE=”5″ COLOR=”PURPLE” FACE=”CONSOLAS”>
<LI>Higher Secondary Courses:
<UL>
<LI>11th
<LI>12th
</UL>
</FONT>
<FONT SIZE=”5″ COLOR=”BROWN” FACE=”COOPER”>
<LI>Distance Education Courses:
<UL>
<LI>BA
<LI>BCom
<LI>BCA
<LI>BPP
<LI>MA
<LI>MSW
</UL>
</FONT>
</UL>
</BODY>
</HTML>
Output:
5. Write html code to generate following output.
- Coffee
- Hot Coffee
- Cold Coffee
- Tea
- Black Tea
- Green Tea
- Milk
- Paneer
- Ghee
- Ice Cream
<HTML>
<HEAD>
<TITLE>Nesting Lists</TITLE>
</HEAD>
<BODY>
<UL>
<LI>Coffee
<UL>
<LI>Hot Coffee
<LI>Cold Coffee
</UL>
<LI>Tea
<UL>
<LI>Black Tea
<LI>Green Tea
</UL>
<LI>Milk
<UL>
<LI>Paneer
<LI>Ghee
<LI>Ice Cream
</UL>
</UL>
</BODY>
</HTML>
Output:
6. Design a web page with an attractive background colour including the following.
a. A paragraph with a heading. Use italics and underline in heading. Also use different font styles and colour in heading and paragraph.
b. Add a horizontal line after heading. Use two attributes also.
c. Insert a picture on right side of the web page.
<HTML>
<HEAD>
<TITLE>HTML Introduction</TITLE>
</HEAD>
<BODY BGCOLOR=”HOTPINK”>
<FONT COLOR=”BLUE” FACE=”HARRINGTON”>
<H1><I><U>INTRODUCTION TO HTML</U></I></H1></FONT>
<HR SIZE=”5″ COLOR=”CYAN”>
<FONT SIZE=”5″ COLOR=”YELLOW” FACE=”MONOTYPE CORSIVA”>
<P ALIGN=”JUSTIFY”>HTML, which stands for HyperText Markup Language, is the standard language for creating web pages. It provides the structure and content of a website, defining how text, images, and other elements are displayed in a web browser. While HTML primarily handles structure, it’s often used with CSS for styling and JavaScript for interactivity.HTML is not a programming language; it’s a markup language. This means it uses tags to annotate text and other content, telling the browser how to interpret and display it.HTML defines the structure of a webpage, including headings, paragraphs, lists, images, links, and more. Web browsers read HTML code and render it as a visual webpage, interpreting the tags to determine how to display the content. A typical HTML document includes an <html> tag, a <head> section (for metadata like the title), and a <body> section. The current standard for HTML is HTML5, which includes new elements and features to enhance web development. <BR><BR>
<IMG SRC=”C:\Users\ELIZA\OneDrive\Pictures\Hyderabad.jpg” ALIGN=”RIGHT” HEIGHT=”400″ WIDTH=”600″>
</BODY>
</HTML>
Output:
7. Create a nested list as follows:
Computer System
- Input Devices
- Keyboard
- Mouse
- Joystick
- Scanner
- Output Devices
- Monitor
- Printer
Apply following parts:
- Display a marquee “Input and Output devices” at the top of the page.
- Use bold, italics and underline in heading.
<HTML>
<HEAD>
<TITLE>Nested List</TITLE>
</HEAD>
<BODY>
<marquee scrollamount=”10″ behavior=”alternate” bgcolor=”yellow”>Input and Output devices</marquee>
<H1><B><I><U>Computer System</U></I></B></H1>
<UL TYPE=”SQUARE”>
<LI>Input Devices
<UL TYPE=”DISC”>
<LI>Keyboard
<LI>Mouse
<LI>Joystick
<LI>Scanner
</UL>
<LI>Output Devices
<UL TYPE=”DISC”>
<LI>Monitor
<LI>Printer
</UL>
</UL>
</BODY>
</HTML>
Output:
8. Create an HTML file that contains the following:
(i) Insert background image.
(ii) Add a scrolling text at the top of the page.
(iii) Create a link with the with above web (Q1)
(iv) Write HTML code to create a table with the following data-
Student Details
| Name | Roll Number | Address |
| Rahul | 1 | Tinsukia |
| Anjali | 2 | Dibrugarh |
| Sameer | 3 | Chabua |
<HTML>
<HEAD>
<TITLE>Student Details</TITLE>
</HEAD>
<BODY BACKGROUND=”Hyderabad.jpg” TEXT=”WHITE” LINK=”YELLOW” ALINK=”GREEN” VLINK=”RED”>
<MARQUEE SCROLLAMOUNT=”10″><FONT SIZE=”6″>WEB PAGE WITH BACKGROUND IMAGE</FONT></MARQUEE><BR><BR>
<A HREF=”q1.html”><FONT SIZE=”4″>CLICK HERE…</FONT></A><BR><BR>
<TABLE BORDER=”2″ BORDERCOLOR=”WHITE” HEIGHT=”300″ WIDTH=”300″ BGCOLOR=”LIGHTGREEN”>
<CAPTION>Student Details</CAPTION>
<TR>
<TH>Name</TH>
<TH>Roll Number</TH>
<TH>Address</TH>
</TR>
<TR>
<TD>Sameer</TD>
<TD>1</TD>
<TD>Tinsukia</TD>
</TR>
<TR>
<TD>Rahul</TD>
<TD>2</TD>
<TD>Dibrugarh</TD>
</TR>
<TR>
<TD>Anjali</TD>
<TD>3</TD>
<TD>Guwahati</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Output:
9. Write HTML code to generate the following output
Ordered List
- C Programming
- Database Management
- Networking
- Web Technology
- Mobile Technology
- DTP
- HTML
- Java Script
- PHP
<HTML>
<HEAD>
<TITLE>Ordered List</TITLE>
</HEAD>
<BODY>
<H3><U>Ordered List</U></H3>
<OL>
<LI>C Programming
<LI>Database Management
<LI>Networking
</OL>
<OL TYPE=”a”>
<LI>Web Technology
<LI>Mobile Technology
<LI>DTP
</OL>
<OL TYPE=”i”>
<LI>HTML
<LI>Java Script
<LI>PHP
</OL>
</BODY>
</HTML>
Output:
10. Write an HTML code to form a table to show the below values in a tabular form with heading as Roll No., Student name, Subject Name, and values as
1, Ram, Physics
2, Shyam, Math
3, Murli, Chemistry
<HTML>
<HEAD>
<TITLE>Table</TITLE>
<BODY>
<TABLE>
<TR>
<TH>Roll No.</TH>
<TH>Student Name</TH>
<TH>Subject Name</TH>
</TR>
<TR>
<TD>1</TD>
<TD>Ram</TD>
<TD>Physics</TD>
</TR>
<TR>
<TD>2</TD>
<TD>Shyam</TD>
<TD>Math</TD>
</TR>
<TR>
<TD>3</TD>
<TD>Murli</TD>
<TD>Chemistry</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Output:
11. Type the paragraph as shown below:
My Hobby
A hobby is any activity that is done regularly in one’s leisure time solely for enjoyment. My hobby is gardening and it is my favourite way to pass time. It mainly consists of preparing the flower beds, sowing the seeds and taking care of the plants as they grow. In this way, I can use my spare time productively and is beneficial for my health. It is the perfect exercise for someone who is not into sports or athletics as gardening involves a lot of physical work like digging and preparing the soil. It is very easy for me to find peace and happiness in my garden.
- Apply block quote on the paragraph.
- Apply text colour to red and change the font style to “monotype corsiva”. Text size should be 5.
- Insert a background image on the page.
- Add a horizontal line after heading.
- Insert an image on the page and align it in right.
- Apply marquee tag on the heading and also use three of its properties.
<HTML>
<HEAD>
<TITLE>My Hobby</TITLE>
</HEAD>
<BODY BACKGROUND=”Hyderabad.jpg” TEXT=”WHITE”>
<MARQUEE BGCOLOR=”LIGHTGREEN” DIRECTION=”RIGHT” BEHAVIOR=”ALTERNATE”><H1>My Hobby</H1></MARQUEE>
<HR SIZE=”8″ COLOR=”YELLOW”>
<BLOCKQUOTE><FONT COLOR=”RED” FACE=”MONOTYPE CORSIVA” SIZE=”5″>
<P>A hobby is any activity that is done regularly in one’s leisure time solely for enjoyment. My hobby is gardening and it is my favourite way to pass time. It mainly consists of preparing the flower beds, sowing the seeds and taking care of the plants as they grow. In this way, I can use my spare time productively and is beneficial for my health. It is the perfect exercise for someone who is not into sports or athletics as gardening involves a lot of physical work like digging and preparing the soil. It is very easy for me to find peace and happiness in my garden.</FONT></BLOCKQUOTE>
<IMG SRC=”images.jpg” ALIGN=”RIGHT” HEIGHT=”400″ WIDTH=”800″ BORDER=”10″>
</BODY>
</HTML>
Output:
12. Create the following table:
| STUDENT REPORT | |||
| ROLL NO | NAME | ADDRESS | |
| 1 | ANKITA BARUAH | DIBRUGARH | |
| 2 | PRIYA SHARMA | TINSUKIA | |
| 3 | ROHIT SAIKIA | JORHAT | |
| 4 | SARIKA YASMIN | TINSUKIA | |
<HTML>
<HEAD>
<TITLE>Table</TITLE>
<BODY>
<TABLE border=”3″>
<TR>
<TH COLSPAN=”4″>STUDENT REPORT</TH>
</TR>
<TR>
<TH ROWSPAN=”5″><IMG SRC=”images.jpg”></TH>
<TH>ROLL NO</TH>
<TH>NAME</TH>
<TH>ADDRESS</TH>
</TR>
<TR>
<TD>1</TD>
<TD>ANKITA BARUAH</TD>
<TD>DIBRUGARH</TD>
</TR>
<TR>
<TD>2</TD>
<TD>PRIYA SHARMA</TD>
<TD>TINSUKIA</TD>
</TR>
<TR>
<TD>3</TD>
<TD>ROHIT SAIKIA</TD>
<TD>JORHAT</TD>
</TR>
<TR>
<TD>4</TD>
<TD>SARIKA YASMIN</TD>
<TD>TINSUKIA</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Output:
13. Create a table with rowspan and colspan attribute. Include cellspacing, cellpadding and border attribute also.
<HTML>
<HEAD>
<TITLE>Table</TITLE>
<BODY>
<TABLE BORDER=”2″ CELLSPACING=”5″ CELLPADDING=”5″>
<TR>
<TH ROWSPAN=”2″>Roll Number</TH>
<TH COLSPAN=”2″>Name</TH>
</TR>
<TR>
<TH>First Name</TH>
<TH>Last Name</TH>
</TR>
<TR>
<TD>1</TD>
<TD>Priya</TD>
<TD>Sharma</TD>
</TR>
<TR>
<TD>2</TD>
<TD>Kishor</TD>
<TD>Saikia</TD>
</TR>
<TR>
<TD>2</TD>
<TD>Sharmistha</TD>
<TD>Rava</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Output:
14. Design a form using text field, password field, radio buttons, checkboxes and submit button.
15. Create an admission form. The form should include the following:
a. Name of student
b. Father’s Name
c. Mother’s Name
d. Password
e. Phone Number
f. Gender (use radio button)
g. Caste
h. Date of Birth
i. Qualification (Use checkbox)
j. Photo
k. Button for Save and Cancel
<HTML>
<HEAD>
<TITLE>Admission Form</TITLE>
</HEAD>
<BODY>
<FORM>
NAME OF STUDENT:<INPUT TYPE=”TEXT” NAME=”SNM” SIZE=”30″ MAXLENGTH=”25″><BR><BR>
FATHER’S NAME:<INPUT TYPE=”TEXT” NAME=”FNM” SIZE=”30″ MAXLENGTH=”25″><BR><BR>
MOTHER’S NAME:<INPUT TYPE=”TEXT” NAME=”MNM” SIZE=”30″ MAXLENGTH=”25″><BR><BR>
PASSWORD:<INPUT TYPE=”PASSWORD” NAME=”PWD” SIZE=”20″ MAXLENGTH=”8″><BR><BR>
PHONE NUMBER:<INPUT TYPE=”NUMBER” NAME=”PHN”><BR><BR>
GENDER:<INPUT TYPE=”RADIO” NAME=”R1″ VALUE=”M”>MALE
<INPUT TYPE=”RADIO” NAME=”R1″ VALUE=”F”>FEMALE
<INPUT TYPE=”RADIO” NAME=”R1″ VALUE=”F”>OTHERS<BR><BR>
CASTE:<SELECT>
<OPTION>GENERAL</OPTION>
<OPTION>OBC</OPTION>
<OPTION>MOBC</OPTION>
<OPTION>SC</OPTION>
<OPTION>ST</OPTION>
</SELECT><BR><BR>
DATE OF BIRTH:<input TYPE=”DATE” NAME=”DOB” ><BR><BR>
QUALIFICATION:<INPUT TYPE=”CHECKBOX” NAME=”QF” VALUE=”HSLC”>HSLC
<INPUT TYPE=”CHECKBOX” NAME=”QF” VALUE=”HS”>HS
<INPUT TYPE=”CHECKBOX” NAME=”QF” VALUE=”GRADUATION”>GRADUATION
<INPUT TYPE=”CHECKBOX” NAME=”QF” VALUE=”POST GRADUATION”>POST GRADUATION<BR><BR>
PHOTO:<INPUT TYPE=”FILE” NAME=”MYFILE”><BR><BR>
<INPUT TYPE=”SUBMIT” VALUE=”SUBMIT”>
<INPUT TYPE=”RESET” VALUE=”CANCEL”>
</FORM>
</BODY>
</HTML>
Output:
16. Create an HTML file that contains the following table:
| Name | Subject | Marks |
| Ankit | Web Technology | 60 |
| Software Engineering | 65 | |
| Theory Of CS | 58 | |
| Bipul | Web Technology | 62 |
| Software Engineering | 64 | |
| Theory Of CS | 55 | |
| Akash | Web Technology | 65 |
| Software Engineering | 68 | |
| Theory Of CS | 52 |
<HTML>
<HEAD>
<TITLE>Table</TITLE>
<BODY>
<TABLE BORDER=”4″ CELLPADDING=”10″ WIDTH=”30%”>
<TR>
<TH>Name</TH>
<TH>Subject</TH>
<TH>Marks</TH>
</TR>
<TR>
<TD ROWSPAN=”3″>Ankit</TD>
<TD>Web Technology</TD>
<TD>60</TD>
</TR>
<TR>
<TD>Software Engineering</TD>
<TD>65</TD>
</TR>
<TR>
<TD>Theory of CS</TD>
<TD>58</TD>
</TR>
<TR>
<TD ROWSPAN=”3″>Bipul</TD>
<TD>Web Technology</TD>
<TD>62</TD>
</TR>
<TR>
<TD>Software Engineering</TD>
<TD>64</TD>
</TR>
<TR>
<TD>Theory of CS</TD>
<TD>55</TD>
</TR>
<TR>
<TD ROWSPAN=”3″>Akash</TD>
<TD>Web Technology</TD>
<TD>65</TD>
</TR>
<TR>
<TD>Software Engineering</TD>
<TD>68</TD>
</TR>
<TR>
<TD>Theory of CS</TD>
<TD>52</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Output:
17. Design an html form to take the information of a customer visiting a departmental store such as name, phone no, preferred days of purchasing , favourite item ( to be selected from a list of items), suggestions etc. One should provide button to Submit as well as Reset the form contents.
18. Create a webpage using frame tag a) rows and columns b) border and border colours.
19. Create a webpage for your college with three frames. The first frame will be horizontal on displaying the name and address of the college. The second frame which is vertical on left will list the available courses. The third frame will be to the right of the second frame and will display the introduction to the college.
<HTML>
<FRAMESET ROWS=”20%,80%” BORDER=”10″ BORDERCOLOR=”BROWN”>
<FRAME NAME=”F1″ SRC=”ADDRESS.HTML” MARGINHEIGHT=”30″ MARGINWIDTH=”30″>
<FRAMESET COLS=”22%,78%” BORDER=”10″ BORDERCOLOR=”BROWN”>
<FRAME NAME=”F1″ SRC=”COURSES.HTML” MARGINHEIGHT=”50″ MARGINWIDTH=”30″>
<FRAME NAME=”F1″ SRC=”ABOUT.HTML” MARGINHEIGHT=”50″ MARGINWIDTH=”30″>
</HTML>
ADDRESS.HTML
<HTML>
<HEAD>
<TITLE>ADDRESS TAG</TITLE>
</HEAD>
<BODY>
<CENTER>
<TABLE><TD>
<ADDRESS>
<B><FONT SIZE=”4″>TINSUKIA COLLEGE<BR>
Tinsukia College Rd<BR>
Kachujan<BR>
Tinsukia,Assam<BR>
786125<BR>
</B>
</ADDRESS>
</TD></TABLE>
</CENTRER>
</BODY>
</HTML>
COURSES.HTML
<HTML>
<HEAD>
<TITLE>About Courses</TITLE>
</HEAD>
<BODY>
<FONT SIZE=”4″>
<UL type=”square”>
<LI>Undergraduate Programs:
<UL>
<LI>BA
<LI>BSc
<LI>BCom
<LI>BCA
<LI>BBA
</UL>
<LI>Post Graduate Programs:
<UL>
<LI>MA
<LI>MSc
<LI>MCom
</UL>
<LI>Higher Secondary Courses:
<UL>
<LI>11th
<LI>12th
</UL>
<LI>Distance Education Courses:
<UL>
<LI>BA
<LI>BCom
<LI>BCA
<LI>BPP
<LI>MA
<LI>MSW
</UL>
</UL>
</BODY>
</HTML>
ABOUT.HTML
<HTML>
<HEAD>
<TITLE>Tinsukia College</TITLE>
</HEAD>
<BODY>
<H1 ALIGN=”CENTER”>TINSUKIA COLLEGE</H1>
<FONT SIZE=”4″>
<P ALIGN=”JUSTIFY”>Tinsukia College, established in 1956, is one of the oldest undergraduate, coeducational college situated in Tinsukia, Assam. This college is affiliated with the Dibrugarh University. Tinsukia College, an institution that initiated its academic endeavour with a handful of students and four faculty members now has grown into a huge family with an enrolment of more than 3500 students and a teaching fraternity with almost 80 members contributing to the growth of this premier institution of higher education. This Co-ed institution has been imparting education both at Higher Secondary & Degree levels in 5 faculties of Arts, Science, Commerce, Management and Computer Science. Currently, the college has altogether 17 departments, viz. Assamese, Bengali, Botany, Chemistry, Commerce, Computer Science, Economics, English, Geography, Hindi, History, Mathematics, Philosophy, Physics, Political Science, Statistics and Zoology. Except Bengali and Computer Science all the other departments offer Honours courses at the degree level. Besides, it provides two professional degree courses, viz, BBA and BCA. The college has a study centre of Krishna Kanta Handique State Open University under which several UG and PG courses are offered. </FONT>
</BODY>
</HTML>
Output:
20. Create a website in which all the hyperlinks are the list items of an unordered list. You have to place this list in a frame that lies in left side of our home page and after clicking any hyperlink, the corresponding details should be displayed in a frame lying in right side of your web page.
<HTML>
<FRAMESET COLS=”20%,80%” BORDER=”10″ BORDERCOLOR=”BLUE”>
<FRAME NAME=”F1″ SRC=”LINK.HTML” MARGINHEIGHT=”50″ MARGINWIDTH=”30″>
<FRAME NAME=”F2″ SRC=” “ MARGINHEIGHT=”50″ MARGINWIDTH=”50″>
</HTML>
LINK.HTML
<HTML>
<HEAD>
<TITLE>Link Page</TITLE>
</HEAD>
<BODY>
<UL type=”square”>
<LI><A HREF=”D:\HTML\q1.html” TARGET=”F2″>My College</A>
<LI><A HREF=”D:\HTML\q3.HTML” TARGET=”F2″>My City</A>
<LI><A HREF=”D:\HTML\q10.HTML” TARGET=”F2″>My Hobby</A>
<LI><A HREF=”D:\HTML\q6.HTML” TARGET=”F2″>What is HTML?</A>
<LI><A HREF=”D:\HTML\q16.HTML” TARGET=”F2″>Form in HTML</A>
</UL>
</BODY>
</HTML>
Output:
Business dicker This was beautiful Admin. Thank you for your reflections.
allegheny county real estate very informative articles or reviews at this time.