WEB DEVELOPMENT BASICS
BY
KALLURI VINAY REDDY
12MSE1013
VIT CHENNAI
HTML AND CSS
LECTURE 6
TOPICS
Tables
Rows of information
 adding column
 adding two columns
TILL NOW
Our HTML journey has been progressing very nicely. We've
covered:
how to set up the skeleton of an HTML file
h...
WHAT NOW?
In this course, we'll cover some important structural aspects of
HTML:
<table>’s, <div>’s and <span>s!
WHAT ARE TABLES?
• Tables are very useful. We use them to store tabular data so
it is easy to read! When you want to prese...
SAMPLE CODE FOR TABLES
<html>
<head>
<title>Table Time</title>
</head>
<body>
<table>
</table>
</body>
</html>
ROWS OF INFORMATION
• A table is a bunch of information arranged in rows and columns.
• We use the <tr> tag to create a ta...
A SINGLE COLUMN SAMPLE CODE
<html>
<head>
<title>Table Time</title>
</head>
<body>
<table border="10px">
<tr>
<td>second</...
ADDING A SECOND COLUMN
<html>
<head>
<title>Table Time</title>
</head>
<body>
<table border="1px">
<tr>
<td>King Kong</td>...
REFERENCES
• www.codecademy.com
Head first web design .
Learning web design-Jennifer Niederst Robbins
www.w3schools.com
Thank you
Any doubts
Email: kalluri.vinayreddy@gmail.com
Upcoming SlideShare
Loading in …5
×

Tables adding columns to them and information about the rows

432 views

Published on

this ppt provides information about how to create tables,adding rows to the table,single column ,double column.which is the most basic to create the HTML file.

Published in: Education, Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
432
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Tables adding columns to them and information about the rows

  1. 1. WEB DEVELOPMENT BASICS BY KALLURI VINAY REDDY 12MSE1013 VIT CHENNAI
  2. 2. HTML AND CSS LECTURE 6
  3. 3. TOPICS Tables Rows of information  adding column  adding two columns
  4. 4. TILL NOW Our HTML journey has been progressing very nicely. We've covered: how to set up the skeleton of an HTML file headings, paragraphs, images and links font colours, sizes, and types background colours, aligning text,bolding and italic izing font
  5. 5. WHAT NOW? In this course, we'll cover some important structural aspects of HTML: <table>’s, <div>’s and <span>s!
  6. 6. WHAT ARE TABLES? • Tables are very useful. We use them to store tabular data so it is easy to read! When you want to present information neatly in a table with rows and columns. <table>
  7. 7. SAMPLE CODE FOR TABLES <html> <head> <title>Table Time</title> </head> <body> <table> </table> </body> </html>
  8. 8. ROWS OF INFORMATION • A table is a bunch of information arranged in rows and columns. • We use the <tr> tag to create a table row • Important note: • You don’t really create columns in <table>s: instead ,you tell each row how many cells to have , and determines your number as columns
  9. 9. A SINGLE COLUMN SAMPLE CODE <html> <head> <title>Table Time</title> </head> <body> <table border="10px"> <tr> <td>second</td> </tr> <td>two</td> <tr> <td>three</td> </tr> <tr> </tr> </table> </body></html>
  10. 10. ADDING A SECOND COLUMN <html> <head> <title>Table Time</title> </head> <body> <table border="1px"> <tr> <td>King Kong</td> <td>1933</td> </tr > </table> </body></html> Adding a second table data cell has the effect of adding a second table column
  11. 11. REFERENCES • www.codecademy.com Head first web design . Learning web design-Jennifer Niederst Robbins www.w3schools.com
  12. 12. Thank you Any doubts Email: kalluri.vinayreddy@gmail.com

×