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

Looking for serious php developers, I am required to hire a PHP Programmer ...

I am required to hire a PHP Programmer Looking for serious php developers who are available today. Skills required: MVC, eCommerce, MySQL, PHP, Shopping Carts

Help with joomla-opencart problem, Help with Joomla/Opencart problem I h...

Help with Joomla/Opencart problem I have a website made on Joomla 2.5 using a component called AceShop (which is a bridge for Opencart). I have newly moved the website to a new

Software development is needed for sort of programming, Software Developmen...

Software Development is needed for sort of programming I have a project which needs some sort of programming. I want someone with web development as well as programming skills t

Advanced html, HTML is built up of many elements, lot of which is overlooke...

HTML is built up of many elements, lot of which is overlooked. Even though you can create a Website with the fundamental knowledge of HTML, to take benefit of many of the advanced

We want help to create our responsive site and cms, We want help to create ...

We want help to create our responsive site and CMS We have a PSD which wants to be transformed in a responsive site with an easy CMS. It is a one-page site / PSD

I want a python and django proficient, RETS MLS Python Solution I want a...

RETS MLS Python Solution I want a Python, Django proficient to take this solution and make sure that I have the most up to date RETS datafeed. a) Set up capability to configu

I am seeking help in simple wordpress website design, A Simple WordPress we...

A Simple WordPress website /design is almost done I am seeking to hire an experienced web person to design website. Design is nearly ready. I would alike this site to be very

Export a dreamweaver document as xml file, Step 1: Select File -> Open, ...

Step 1: Select File -> Open, Step 2: Choose the document which uses a template (and has editable regions)  Step 3: Click Open Step 4: Select File -> Export -> Exp

File menu in dreamweaver, File Menu: Under it we have New, Save as, Save, S...

File Menu: Under it we have New, Save as, Save, Save as template, Export, Import, Preview in browser so on options. Edit Menu: In this menu we have Copy,  Cut, Paste, Redo, Undo

Web design required for graphic company, Web Design A digital media as w...

Web Design A digital media as well as graphic company is seeking an individual with web experience to work with the company to update as well as manage its four web sites. De

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