Saturday, 2 April 2016

Create a given table in HTML

Problem:- Create a given table in HTML or How to Create Student Registration Form with HTML Code? or HTML Code for Designing of a Registration Form using Table or HTML Code for Designing of a Registration Form using Table.

Create a given table in HTML


How to Solve:- So In this problem, we have to table in HTML, as we can see that table have multiple rows and a column for rows and column there are <tr> and <td> tags used. we will try to create the same table as problem requirement but I want to tell you one thing while creating a table color may be different so don't worry about color actually we have to focus on creating a table, Color you can change and practice after table created.

Explanation:-  Here are some basic tags that are used on the table, with the help of these Tags you can create a given table Easily. After the explanation section tries to modify the code with your code this will help you to find the error and modification value what you change. If you are facing any difficulty while creating a table let I know in the comment box so I can try to fulfill your query as soon as possible. for meantime read this tags and use.

<th> Defines a header cell in a table
<tr> Defines a row in a table
<td> Defines a cell in a table
<caption> Defines a table caption

Tip:-  Always create a folder for separate web page file for avoiding unnecessary mixing and irritating. Check the Output below of the program. If you are having any problem highly recommended following the given web page. If you're not able to create the same table don't worry create a normal table

Recommendation:- Before going for this assignment follow the given assignment so you can understand all Tags very well.

1. Create an HTML page named as " SimpleTags.html ". with following tags details

2. Create A Student Registration Form Using Table  In HTML 

Note:- If you have a Better design than this page and you want to publish your post with all Credit Than you are welcome to read This.

Solution:-

Table.html

Copy Start From Here

<!DOCTYPE html>
<html>
<head>

<title>HTML Table Cellpadding</title>
</head>

<body bgcolor="aqua">
<table border="1" cellpadding="5" cellspacing="5" align="center" height="400" width="700">

<tr>
<th rowspan="3" ><font size="50px">day</font></th>
<th colspan="3">seminar</th></tr>
<tr>
<th colspan="2">schedule</th>
<th rowspan="2">topic</th>
<tr>
<th>begin</th><th>end</th>
</tr>

<tr>
<td rowspan="2">Monday</td>
<td rowspan="2" bgcolor="orange">8:00 a.m.</td>
<td rowspan="2" bgcolor="blue">5:00 p.m.</td>
<td >Introduction to XML</td>
<tr><td >Validity: DTD and Relax NG</td>

<tr>
<td rowspan="3">Tuesday</td>
<td bgcolor="orange">8:00 a.m.</td>
<td bgcolor="orange">11:00 a.m.</td>
<td >XPath</td><tr>
<td bgcolor="orange">11:00 a.m.</td>
<td bgcolor="green"> 2:00 p.m.</td>
<td rowspan="2"> XSL Transformatics</td>
<tr><td bgcolor="green">2:00 p.m.</td>
<td bgcolor="blue">5:00 p.m.</td>
</tr>

<tr>
<td>Wednesday</td>
<td bgcolor="orange">8:00 a.m.</td>
<td bgcolor="green">12:00 p.m.</td>
<td>XSL Formatting Objects</td>
</tr>

</table>
<p align="center "><font size="20px"> Table By-Ghanendra Yadav</>
</body>

</html>

Copy Ends Here

Output:-


Create a given table in HTML


You Should See

1. Create A Student Registration Form Using Table In HTML

2. Create A Given Table Using Table In HTML

3. Create An HTML Page With Different Types Of Frame Such As Floating Frame Navigation Frame, Mixed Frame In HTML

4. Create An HTML Page Of Different Type Of List (Like Create A List Using Number / Bubble/) And Give The Description About Any Topic.

5. Create an HTML Document Using Frame Which Should Satisfy All Given Requirements

6. A local university has asked you to create an XHTML document that allows prospective students to provide feedback about their campus visit.


Extreme Recommended:- Like our Facebook Page or Join our Facebook Group and Google plus Community for up-to-date. If you have any Query or Question you can ask in the group, I will Try To Solve your Query and try to answers of your Questions withing 24 Hours, You can also Email me or comment below Please suggest to your Friends to join and like our page and don't forget to Subscribe. Enter your Email and click to subscribe.

Ghanendra Yadav

Ghanendra Yadav

Hello, I Am Ghanendra Yadav Owner of This Blog, I am professional Blogger and Programmer. I Love Programming, Logo Making, And Banner Designing. My Highest Qualification is MCA From NIT Warangal. You Can Find Me On Social Media Through Below Link And If You Have Any Query Related To Programming And Other Subject Comment Below or You Can Mail Me I Will Try To Answer Within 24 Hours Email:- yghanendra@student.nitw.ac.in

Find me on Social Media

Facebook | Twitter | Google+ | RSS Feed

No comments:

Post a Comment