Scribd
Upload
14K views48 pages

Write An HTML Program To Create The Table

The document contains 20 questions related to HTML programming. Each question provides a coding problem to create HTML elements like tables, lists, frames, forms etc. and the expected output. Sample solutions and output are given for each question. The questions cover a range of HTML tags - tables, lists, frames, images, forms, links etc. to demonstrate different features of HTML.

Uploaded by

premchandrakar
Copyright
© Attribution Non-Commercial (BY-NC)
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
14K views48 pages

Write An HTML Program To Create The Table

The document contains 20 questions related to HTML programming. Each question provides a coding problem to create HTML elements like tables, lists, frames, forms etc. and the expected output. Sample solutions and output are given for each question. The questions cover a range of HTML tags - tables, lists, frames, images, forms, links etc. to demonstrate different features of HTML.

Uploaded by

premchandrakar
Copyright
© Attribution Non-Commercial (BY-NC)
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
  • HTML Table Creation (Exercise 1): Instructions to create an HTML table with specified headers and data.
  • HTML List Creation (Exercise 2): Guide on creating various types of lists in HTML such as bullet and numbered lists.
  • HTML Description List (Exercise 3): Instructions on creating a description list using HTML tags for different programming languages.
  • HTML Links and Images (Exercise 4): Exercise demonstrating hyperlink creation and image insertion in an HTML page.
  • HTML Frames (Exercise 5): Guide on developing HTML frames with specified column widths.
  • HTML Frames with Rows (Exercise 6): Instructions to create frames in HTML utilizing both columns and rows.
  • HTML Background Color (Exercise 7): Tutorial on setting background colors in an HTML document.
  • HTML Admission Table (Exercise 8): Instructions for creating a comprehensive HTML table for student admission details.
  • HTML Car Price List Table (Exercise 9): Guidelines for making a detailed HTML table displaying car prices across different models.
  • HTML Image Formatting (Exercise 10): Teach creating and formatting images in HTML by positioning them using attributes.
  • HTML Student Information Table (Exercise 11): Creating a student information table in HTML with specific data layout.
  • HTML Row Span Table (Exercise 12): Instructions using rowspan attribute to configure HTML tables with expanded rows.
  • HTML Image Alignment (Exercise 13): Example of aligning images in HTML to the left position using specific attributes.
  • HTML Equations in Coding (Exercise 14): Instructions for using HTML to display chemical equations with subscripts and superscripts.
  • HTML Marks Table (Exercise 15): Explains the process for creating a simple marks table in HTML, capturing student scores.
  • HTML Form Creation (Exercise 16): Task on creating HTML form elements including user input fields and a reset button.
  • Simple HTML Login Form (Exercise 17): Guide for crafting a basic login form in HTML with fields for username and password.
  • Advanced HTML Form (Exercise 18): Instructions to construct an HTML form with radio buttons, selection dropdowns, and text inputs.
  • HTML Text Formatting with Strikethrough (Exercise 19): Explains applying strikethrough text effect in HTML for specific text elements.
  • HTML Country Frames (Exercise 20): Guide to creating frames in HTML for presenting information on different countries.
  • End of Document: Blank page. Marks the end of the document contents.

1.

Write an Html Program to create the table Class BCA-I BCA-II BCA-III Subject 1 VB C++ JAVA Subject 2 PC Software DBMS Multimedia Subject 3 Electronics English CSA

Solution:<html> <head> <title>table</title> </head> <body> <table border="1"> <caption align="bottom"> <tr><th>class <th>SUB1 <th>SUB2 <th>SUB3 </th> </tr> <tr> <td>BCA1 <td>VB

<td>pc software <td>Eletronics </td> </tr> <td>BCA2 <td>c++ <td>DBMS <td>English </td> </tr> <tr> <td>BCA3 <td>JAVA <td>multimedia <td>CSA </td> </tr> </table> </body> </html>

Output

2. Write an html program to create the following list Introductory Information Technology IT Basics IT Tools Ms-access HTML IT-Application Solution:<html> <head> <title>list program</title> </head> <ul type="square <ul type="disc"> <li>IT basics <li>IT tools <li>MS access <li>html <li>IT application </li> </body> </html>

Output:-

3. Write an html program to create the following list Java Visual Basic Basic Cobol Fortran Solution:<html> <head> <title></title> </head> <body> <ol> <dd>JAVA</dd> <dd>Visual basic <dd>basic <dd>cobol <dd>fortran </ol> </body> </html>

Output:-

[Link] an html program to demonstrate hyper linking between two web pages create a marquee and also insert an image in the page Solution:<html> <head> <title>marquee</title> </head> <body> <hr> this is marquee tag <A href="[Link]" link="Red" title=" click me">xyz</A> <marquee> jagdamba kiran neha </marquee> <img src="[Link]" width=100 height=200 > </body> </html>

Output:-

[Link] an HTml Program Create frames in html with 3 Columns( width=30%,30%,40%) Solution:<html> <head> <title>frameset</title> </head> <frameset cols="30%,30%,40%"> <frame src="[Link]"></frame> <frame src="[Link]"> </frame> <frame src="[Link]"> </frame> </frameset> </html> Output:-

6. Write an html program Create frames in html with 3 Columns and 2 rows Solution:<HTML> <HEAD> <TITLE>Frames</TITLE> </HEAD> <FRAMESET cols="33%, 33%, 34%"> <FRAME src="[Link]"> <FRAMESET rows="40%, 60%"> <FRAME src="[Link]"> <FRAME src="[Link]"> </FRAMESET> <FRAME src="[Link]"> </FRAMESET> </HTML> File [Link] <html> <head> <title> html Frame example</title> </head> <body> <h1> This is first frame </h1> </body> </html>

File [Link] <html> <head> <title> html Frame example</title> </head> <body> <h1> This is Second frame </h1> </body> </html> File [Link] <html> <head> <title> html Frame example</title> </head> <body> <h1> This is third frame </h1> </body> </html>

File [Link]

<html> <head> <title> html Frame example</title> </head> <body> <h1> This is four frame </h1> </body> </html> Output:-

7. Write in html Program to Create a web page with a blue background and the following text NEW DELHI New delhi, the Capital and the third largest city of India is a fusion of the ancient and the modern. The refrains of the Muslim dynasties with its architectural delights, given the majestic ambience of the bygone era. Solution:<html> <head> <title>bg color program </title> </head> <body bgcolor="blue"> <h1> new delhi</h1> <p> new delhi the capital and the third largest city of india is a fusion of the ancient and the mordern the refrains of the muslim dynasties with its architectural delights give the majestic ambience of the by gone area </body> </html>

Output:-

8. Write an html Program to Create the following table Admission Course OC BC MBC SC/ST Total Computer Science 9 18 5 5 37 Commerce 14 25 6 5 50 Grand Total 87 Solution:<html> <head> <title> </title> </head> <body> <table border="4"> <tr><th>course <th>oc <th>bc <th>mbc <th>sc/st <th>total </th> </tr> <tr> <td>computer science <td>9 <td>18 <td>5 <td>5 <td>37 </tr> <tr> <td>commerce <td>14 <td>25

<td>6 <td>5 <td>50 </tr> <tr> <td>grand total <td> <td> <td> <td> <td>87 </tr> </body> </html> Output:-

9. Write an html Program to create the following table Car Price List Tata Maruti Model Maruti 800 Omni Solution:<html> <head> <title> </title> </head> <body> <table border="4"> <tr><th>maruti <td> <th>tata <td> <th>ford </th> </tr> <tr> <td>modal <td>price <td>modal <td>price <td>modal <td>price </tr> <tr> <td>maruti800 price 2 lac 3 lac Model Sumo Scorpio price 2 Lac 3 Lac Model I Kon Gen Ford Price 5 lac 2 Lac

<td>2lac <td>sumo <td>2lac <td>J kon <td>5lac </tr> <tr> <td>ommi <td>3lac <td>scorpio <td>3lac <td>gem <td>2lac </tr> </body> </html> Output:-

10. Write an html Program Creating images such as left position, Right position, center position etc using ALT attribute with image tag

Solution:<html> <head> <title></title> </head> <body> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td><img src="[Link]"></td> <td><p align="center"><img src="[Link]"></td> <td align="right"><img src="[Link]"></td> </tr> </body> </html>

Output:-

11. Write an html program to creating following table Roll No. 1001 1002 1003 1004 Solution:<html> <head> <title> </title> </head> <body> <table border="1"> <tr><th> <th>student information </th> </tr> <tr> <td>roll no. <td>name <td>class </td> Student Information Name Amit Sandeep Ravi Priya Class BCA B.E. MCA M.E.

</tr> <tr> <td>1001 <td>amit <td>BCA </td> </tr> <tr> <td>1002 <td>sandeep <td>BE </td> </tr> <tr> <td>1003 <td>ravi <td>MCA </td> </tr> <tr> <td>1004 <td>priya <td>ME

</td> </tr> </body> </html> Output:-

12. Write an html program to create following table using row span attribute STUDENT INFORMATION Roll No. 1001 1002 1003 1004 Class BCA BCA BCA BCA Name AMIT MALA RANU PRIYA 2012 TO 2013

Solution:-

<html> <head> <title></title> </head> <body> <table border="4"> <tr> <th colspan="4">student information</th> <th rowspan="4"><br><br>year<br>2012<br>to<br>2013<br></th> </tr> <tr>

<td>roll no <td>class <td>name </td> </tr> <tr> <td>1001 <td>bca <td>amit </td> </tr> <tr> <td>1002 <td>bca <td>mala </td> </tr> <tr> <td>1003 <td>bca <td>ranu </td> </tr>

<tr> <td>1004 <td>bca <td>priya </td> </tr> </table> </body> </html> Output:-

13. Write an html program to insert any image to the left position

* Image

Solution:<html> <head> <title></title> </head> <body> <p> <image src="[Link]"align="bottom"height="400"width="400"> </p> </body> </html>

Output:-

14. Write the html loding for the following Equations C2H2OH+PCL5=C2H2CL+POCL3+HCL 4H3PO3=3H3PO4+PH3 PCL3+CL3=PCL5 Solution:<html> <head> <title></title> </head> <body> c<sub>2</sub>h<sub>2</sub>oh+pcl<sub>5</sub>=c<sub>2</sub>h<sub >5</sub>cl+pocl<sub>3</sub+hcl<br> </br> 4th<sub>3</sub>p4<sub>3</sub>=3h<sub>3</sub>po<sub>4</sub>+ph<s ub>3</sub> <br> pcl<sub>3</sub>cl<sub>2</sub>=pcl<sub>5</sub><br> </body> <html>

Output:-

[Link] an html program to create the following table Name Amit Ravi Solution:<html> <head> </head> <body> <table border="2"> <caption align="middle"> </caption> <tr><th>name <th>subject <th>marks </th> </tr> <tr> <td>Amit <td>JAVA <td>70 </tr> <tr> <td> <td>c <td>79 </td> </tr> Subject Java C Java C Marks 70 79 75 69

<tr> <td>Ravi <td>java <td>75 </td> </tr> <tr> <td> <td>c <td>69</td> </tr> </table> </body> </html> Output:-

16. Write an html program to create a form as the following

Enter name : Enter Roll No : Enter Age : Enter DOB : Reset

Solution:<html> <head> <title></title> </head> <body> <form> Enter name &nbsp;&nbsp;: <input tpye="Enter name " size="25"> <br> Enter roll no : <input type="Enter rollno" size="25"> <br> Enter age &nbsp; &nbsp;&nbsp;: <input type="Enter age" size="25"> <br> Enter DOB &nbsp;: <input type=" Enter DOB" size="25"> <br> <input type="reset" value="reset"> <br>

</form> </body> </html> Output:-

[Link] an html program to create a following html form User Name Password

Solution:<html> <head> <title></title> </head> <body> <form> user name <input type="user name" size="25"> <br> password <input type="password" size="25"> <br> <input type="submit"value="submit"> <br> </form> </body> </html>

Output:-

[Link] an html program to create the following form in html Enter your name:Enter your roll no.:Gender Male Female Sub Java C C++ VB Class:BCA I

Solution:<html> <head> <title>BUTTON</title> </head> <body> <form> enter your name&nbsp; &nbsp;: <input type="text", value=""><br> enter your roll no : <input type="text", value=""><br>

gender<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;<input type="radio", Value="male">male<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;<input type="radio", value="female">female<br> subject<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;<input type="checkbox">Java<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;<input type="checkbox">C<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;<input type="checkbox">C++<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;<input type="checkbox">vb<br> <br> Class: &nbsp;&nbsp;&nbsp;<Select name="Class"> <option name="BCA1"> BCA1 <option name="BSC"> BSc <option name="BCOM"> BCOM <option name="BE"> BE <potion name="BA"> BA </select> </body> </html>

Output:-

19. write an html program to write following text and using BJU strik through New delhi KB the capital (1) & the third largest city of india is a fusion of the anceient & the modern the remains of the muslim dynasties(u) with it & architect wal delights give the majestic ambience of the bygone er(B)(/i)

Solution:<html> <head> <title>New Delhi</title> </head> <body> <p><b>New Delhi,</b><i> the Capital</i> and the third largest city of india in a fusion of the anciant and the modern the modern the romain of the <u> muslim dyrasfies </u><b><i> with its archiectural delights give the majestic ambience of the bygone era </b></i> </body> </html>

Output:-

20. write an HTML program to create following frames Tourism Government of India

Delhi

Haryana

Mizoram

Chhattisgarh

You are visiting our site this site will give you information on the union territory of Delhi & state of HTML Haryana ,Mizoram & Chhattisgarh

Solution:<html> <head> </head> <body> <img src="[Link]" height="90" width="100" align="right"> <p><b><font face="Arial"><font color="pink"> travel & tourism</font></font></font></b> <p><b><font face="arial"><font color=yellow"> Dep of travel&Tourism,Gov. of INDIA. </font></font></b></br> <p><font face="arial black"><font color="#00ff11"> You are visiting our [Link] site will give you information on the union Terriotry of Delhi & state of Haryana,Mizoram and Chhattisgarh </font></font></br> <Center> <table Border="2" width="100%">

<tr><td align="center"><font face="Arial"> <a href="[Link]">Delhi</a></font></td> <td align="center"> <a href="[Link]"> Haryana</a> </td> <td align="center"> <a href="[Link]"> Mizoram</a> </td> <td align="center"> <a href="[Link]"> Chhattisgarh</a> </td> </tr> </table> </center> </body> </html>

Output:-

You might also like