Skip to main content

Tables...

Ok.... So now we are done with a lot of lists.. now let us study about tables...

 Well all of you know what are tables...Now lets make a table in HTML...

 <html>
<body>
<table style="width:100% border="1" ">
  <tr>
    <td>Jill</td>
    <td>Smith</td>       
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>       
    <td>94</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>       
    <td>80</td>
  </tr>
</table>
</body>
</html>

 Your result must be somewhat like this :-
ok now lets understand this code...

 Tables are defined with the <table> tag.
Tables are divided into table rows with the <tr> tag.
Table rows are divided into table data with the <td> tag.
A table row can also be divided into table headings with the <th> tag.

 Table data <td> are the data containers of the table.
They can contain all sorts of HTML elements like text, images, lists, other tables, etc.

 In the next post we will start with <div></div> tags and will then begin with the basics of CSS...So keep practicing what we have learnt till now... because we will have a test...more information about this test will be in a post...
Labels:

Comments

Post a Comment

Popular posts from this blog

HTML CONTEST IN JUNE 2015

THIS IS AN IMPORTANT POST!!!PLEASE READ IT So we have done a lot of practice till now.....Now is the time..start preparing yourself for the contest.... About the Contest :- The contest will begin in June and you will be given some time to complete the task given to you.... Keep bringing people here so that there may be a tough competition and till then keep practicing... Prize :- Your name will be there at the home page for 10 days ALL THE BEST .. NOTE :- The contest may postpone if there are insufficient participants....
Post a Comment
Read more

Beginning With CSS

Now lets begin with CSS... Now lets see an image below and see the syntax of CSS:- A CSS rule set consists of a selector and a declaration block The selector tell which html element to be styled.... The declaration block contains one or more declarations separated by semicolons. Each declaration includes a property name and a value, separated by a colon. Now lets see an example.... p {color:red;text-align:center;} You can see that there are two declarations in the first line...To make the code neat we can put one declaration on   each line....  p  {      color:  red;      text-align:  center; } The answers to the first assignment will be given soon..we will start with "Comments" from the next post...
Post a Comment
Read more