Table tr and td tags, PHP Web Programming

Assignment Help:

Three tags form the necessary ingredients for developing a table.

TABLE: It is the main tag. It tells the browser that a table follows. It has attributes such as size and border width.

TR: A Table Row indicates a horizontal row which consists of Table Data cells.

TD: This tag indicates an individual block or cell in a table row. Therefore a table is made up of rows, in turn which are build up of cells.

 

 

 

 

 

<--This---

----is----

----a----

---Table---

---Row-->

 

 

 

Cell

 

 

 

 

 

 

Now you are ready to build some tables! We ought to stress that if you desire to learn how to make quality HTML documents, then you have to spending your time well

If you teach yourself the tags. In our estimation the best HTML editors to use for beginners are text-based editors. These editors will oblige you to code HTML yourself. They don't try to do it for you. Once you become an expert, you can employ other tools to more develop your productivity in order that you do not have to hand code your pages.

Now let us begin creating tables. The following example illustrates some tables with distinct attributes.

<HTML>

<HEAD>

<TITLE> ABC</TITLE>

</HEAD>

<BODY>

<!- - Table  along with border = 5 - - >

First: Table along with border = 5

<TABLE BORDER=5>

<TR>

<TD>Ajay</TD>

</TR>

</TABLE>

<!- - Table  having width = 50%- - >

Second: Table having width = 50%

<TABLE BORDER=3 WIDTH=50%>

<TR>

<TD> Ajay </TD>

</TR>

</TABLE>

<!- - Table  having width = 50 - - >

Third: Table having width = 50

<TABLE BORDER=1 WIDTH=50>

<TR>

<TD> Ajay </TD>

</TR>

</TABLE>

<!- - Table having height = 75 and align = center & valign=top - - >

Fourth: Table having height = 75 and align = center & valign=top -

<TABLE BORDER=3 WIDTH=100 HEIGHT=75>

<TR>

<TD ALIGN=CENTER> Ajay </TD>

</TR>

</TABLE>

<!- - Table having an image- - >

Fifth: Table having an image

<TABLE BORDER=3>

<TR>

<TD ALIGN=LEFT VALIGN=MIDDLE><IMG SRC="image1.gif" WIDTH=32

HEIGHT=32></TD>

</TR>

</TABLE>

<!- - A complete Table having different sized columns- - >

Sixth: A complete Table having distinct sized columns

<TABLE BORDER=3 WIDTH=300 HEIGHT=75>

<TR>

<TD WIDTH=60%> Ajay </TD>

<TD WIDTH=20%>Ramesh</TD>

<TD WIDTH=20%>vijya</TD>

</TR>

<TR>

<TD>sachin</TD>

<TD>sapna</TD>

<TD>jyoti</TD>

</TR>

</TABLE>

</BODY>

</HTML>

 

1208_Table TR and TD Tags.png

Figure: Tables with Different Attributes.

In the first table the BORDER attribute is given a value of 5. The default is no border that means border = 0.

While no sizes are indicated, the table is only as big as it has to be, as illustrated in the first & third table in above Figure. Specifying a table size is simple. Let us decrease the table size to 50% of the browser window as has been done in the second instance. Observe the output in the second table in above given Figure. As you can view in the example there are two ways to indicate the table width. Each style has its uses.

You can also alter the height of a table. The fourth table in Figure illustrates the effect of the changed height.

You can control where the data will show in the cell. For this reason we employ the ALIGN attribute. In the fourth table in Figure, we have utilized a center alignment. Likewise, right & left can be utilized for right & left alignment respectively. The default value is ALIGN=left. It is the value that the browser supposes if you have not told it otherwise.

You can also control where data will show vertically in a cell. For this reason you specify the VALIGN attribute. In the fourth table, we have utilized the value center.

You can also employ top or bottom. In a table data cell Images can also be placed & manipulated. In the folder which contains the document with the HTML code, substitute an IMG tag for text.  It is illustrated in the fifth table. You can also include size attributes along all your image tags. We will not go in the details here, although doing so makes it easier for the browser to display the table and ignore any nasty little surprises whereas resizing the browser window, for example.

Now, let us look at multiple rows. Assume three more friends from across the street view what is going on and desire to be in your table. We think we will provide them their own row. Each row may be assigned distinct width for its columns. In the sixth table we have utilized 60/20/20 as the relative percentage widths of the three columns. The last table illustrates how to create a table having multiple rows & columns. The WIDTH attributes in the first row carry over to the second row.

Comment: This output can't come from the code given previous.  From where are "First:", "Second:" etc coming?


Related Discussions:- Table tr and td tags

Want someone who can create wordpress plugin, Wordpress plugin Want some...

Wordpress plugin Want someone who can create (or modify existing) WP plugin to act like Desired Skills are PHP, WordPress

Graphical browsers, Graphical browsers: In order to enjoy the multimed...

Graphical browsers: In order to enjoy the multimedia aspect of the Web, you have to use a graphical browser like Netscape Navigator or NCSA Mosaic. Graphical browsers can illu

Need web engineer for revolutionary digital media startup, Looking for a we...

Looking for a web engineer to join revolutionary digital media startup We are shifting the way the world publishes, promotes and consumes video. Want to aid us? We delivers c

We need to create integration tool to integrate vtiger, We need support to ...

We need support to Create integration tool to integrate vTiger and Xero We have a client solution demanding development to integrate vTiger CRM and Xero accounting. We want t

We need a reasonably simple documentation website, We need a reasonably sim...

We need a reasonably simple documentation website The website will be hosted on a Microsoft SharePoint for in-company use only. The determination of this website is to create

Flex/flash/video streaming/wowza/php developers wanted, Flex/Flash/Video St...

Flex/Flash/Video Streaming/Wowza/PHP Developers Wanted Our company is in search of a couple of developers to join our team. We are a video streaming platform alike to Ustream.tv

I am seeking someone that will build a very similar website, Rap Genius Clo...

Rap Genius Clone I am seeking someone that will build a very similar website as (though the content will be very different). The functionality will pretty much be the similar (u

Form target attribute, Corresponds to the FORM TARGET attribute. • Tex...

Corresponds to the FORM TARGET attribute. • Text - It is an object representing a text field. • Text area - It is an object representing a text area field. Some of the F

Need help in wordpress site with e-commerce integration, WordPress Site wit...

WordPress Site with E-Commerce Integration We want development of a site in Word Press. We will offer the designs and the content. We will want you to set up the site and conver

Write Your Message!

Captcha
Free Assignment Quote

Assured A++ Grade

Get guaranteed satisfaction & time on delivery in every assignment order you paid with us! We ensure premium quality solution document along with free turntin report!

All rights reserved! Copyrights ©2019-2020 ExpertsMind IT Educational Pvt Ltd