tables adding columns to them and information about the rows
Post on 11-Jan-2015
78 Views
Preview:
DESCRIPTION
TRANSCRIPT
WEB DEVELOPMENT BASICS
BY
KALLURI VINAY REDDY
12MSE1013
VIT CHENNAI
HTML AND CSS
LECTURE 6
TOPICS
TablesRows 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
headings, paragraphs, images and links
font colours, sizes, and types
background colours, aligning text,bolding and italic izing font
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 present information
neatly in a table with rows and columns.
<table>
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 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
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>
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
REFERENCES
• www.codecademy.com
Head first web design .
Learning web design-Jennifer Niederst Robbins
www.w3schools.com
Thank youAny doubts
Email: kalluri.vinayreddy@gmail.com
top related