A table is a rectangular arrangement of rows and columns on your screen A table is used to organize data into rows and columns and also increasingly.

Slides:



Advertisements
Similar presentations
HTML TABLES EXPLAINED. What is a TABLE? The HTML table allows web designers to arrange & organize data -- text, images, hyperlinks, forms, form fields,
Advertisements

Using HTML Tables Presenting Information & Layout Control.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 6: HTML Tables.
Web Development & Design Foundations with XHTML Chapter 8 Key Concepts.
Tutorial 4: Designing a Web Page with Tables
1 XHTML continued Use the anchor tag to link from page to pageUse the anchor tag to link from page to page Create absolute and relative linksCreate absolute.
HTML TABLES Cyndi Hageman. Tables   Attributes Name or id – used to identify the table Border = set this to determine if there is a border and the size.
Lists and Tables Cool sites Lists unordered, ordered, definition Tables basic.
XP Creating Web Pages with HTML Using Tables. XP Objectives Create a text table Create a table using the,, and tags Create table headers and captions.
Using HTML Tables.
1 Tables: Data in Rows and Columns – What is Table? – How Tables are Used? – Designing Tables – Table, Cell, Row Attributes – Using Tables for Alignment.
HTML. Creating a Table Attributes: border: indicates the border type of the table Value: 0 (no border), 1, 2, etc. cols: indicates the number of columns.
Notes Ch. 12—Creating Tables Web Page Design. Why Use Tables? Tables are used to create a variety of items such as calendars, charts, and spreadsheets.
INTRODUCTION TO WEB DEVELOPMENT AND HTML Lecture 06: Tables - Spring 2011.
HTML Essentials Tables and Table Tags. Overview Use of Tables goes beyond tabulating data Frequently used to format Web pages / control layout Especially.
 Tables are commonly used to display all manner of data, such as timetables, financial reports, and sports results etc.  Tables, just like spreadsheets,
Lesson 6. Links in HTML Computer Science Welcome to Virtual University in Pakistanhttp://
Tables in HTML Basharat Mahmood, Department of Computer Science,CIIT,Islamabad, Pakistan. 1.
XHTML1 Tables N100 Creating a Simple Web Page. XHTML2 Creating Basic Tables Tables are collections of rows and columns that you use to organize and display.
Identifies the Structure Table Row Column 1 Table Heading Column 2.
CIS 1315 – Web Development for Educators CIS 1315 HTML Tutorial 5: Working with Tables.
CHAPTER 11 Tables. How Are Tables Used Data Display  Very tidy and very useful Better Text Alignment  Putting text in tables allows you to format indents.
INTRODUCTORY Tutorial 7 Creating Tables. XP New Perspectives on Blended HTML, XHTML, and CSS2 Objectives Discern the difference between data tables and.
Lecture: Tables. Table Tags (all container tags) establishes a table (________) establishes a row (________) says what’s in the row more than one TD within.
>> Introduction to HTML: Tables. HTML is used to give websites structure 5 Basic Tags Element = Start-Tag+Content+End-Tag Heading Tags [h1-h6] Paragraph.
1 Web Developer Foundations: Using XHTML Chapter 3 XHTML Hyperlinks and Tables.
Web Development & Design Foundations with XHTML Chapter 8 Key Concepts.
1 Web Developer & Design Foundations with XHTML Chapter 3 Key Concepts.
Web Development & Design Foundations with XHTML Chapter 8 Key Concepts.
HTML (Hypertext Markup Language) – Class 3 Recap: HTML Special Characters (ex: ©). Including Images – using the tag. Lists – Ordered and Unordered.
Technologies for web publishing Ing. Václav Freylich Lecture 3.
Introducing Web Tables. Tables for tabulating items  Better looking  More flexibility  More efficient to explain information than plain text.
TABLES 1. In this chapter you will learn that tables have many uses in HTML. Objectives: Upon completing this section, you should be able to: 1. Insert.
ECA 228 Internet/Intranet Design I Tables. ECA 228 Internet/Intranet Design I Basic HTML Tables Created as a way to present rows and clumns of data.
Tables in HTML. Table Tag HTML tables always begin and end with a table tag. Syntax:
Tables lab5. Drawing a table Tables are the web designer’s best friend and worst enemy. To draw a table we will use:  tag  for raw  tags for column.
Computer Science 101 Lists and Tables. Lists Unordered lists - use a bullet Ordered lists - use a number, Roman numeral, or letter.
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Project 5: Working with Tables Kelly L.
CS-3432 Electronic Commerce Lecture – 7 Sikandar Shujah Toor
1 Tables attributes. 2 Table attributes: border Activates border around cells Syntax: – where “n” is a value in pixels which controls the “thickness”
CIS234A Lecture 8 Instructor Greg D’Andrea. Review Text Table contains only text, evenly spaced on the Web page in rows and columns uses only standard.
Unit 4 Create and Use Tables. TITLE CORNELL NOTES TOPIC: NOTES: Name: Date: 09/08/2009 Period : Summary: Reasons for using tables Unit 4 Page 1 Display.
20-753: Fundamentals of Web Programming 1 Lecture 6: Advanced HTML Fundamentals of Web Programming Lecture 6: Advanced HTML.
Creating Tables in a Web Site HTML 4 Created by S. Cox.
Doing TABLES Creating Tables in HTML. Start creating the table by using the Table container tag.
Copyright © 2012 Certification Partners, LLC -- All Rights Reserved Lesson 5: HTML Tables.
Introduction to Programming the WWW I CMSC Winter 2003 Lecture 5.
1 R3 R1 R5 R4 R6 R2 B B A A Looking at the Code Under the View menu Select Source.
CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr
Week 6 Creating Tables using HTML.
>> HTML: Tables.
LAB Work 02 MBA 61062: E-Commerce
Getting Started – Table 2
HTML Tables CS 1150 Spring 2017.
Introduction to HTML.
H T M L A B E S X P I N D.
TABLES.
Creating Tables Steps for creating a Table Important Facts about Table
Creating Tables Steps for creating a Table Important Facts about Table
Using HTML Tables SWBAT: - create tables using HTML
TABLES.
Web Design and Development
Creating Tables in HTML
Web Development & Design Foundations with H T M L 5
H T M L A B E S X P I N D.
Site Development Foundations Lesson 6
Creating Tables Steps for creating a Table Important Facts about Table
Lesson 5: HTML Tables.
H T M L A B E S X P I N D.
Hypertext Markup Language Table 11th Lecture
Presentation transcript:

A table is a rectangular arrangement of rows and columns on your screen A table is used to organize data into rows and columns and also increasingly as a way of arranging text and graphics on the page

A single "line" of data that runs across the table. A single vertical section of data. The intersection of a row and column. The cells are where you enter the data that appears in the table.

The first row of the table. The headers are optional, but many people use them to label each column. These are the lines that surround the table and each cell.

Your table will always begin with the following basic container:

We divide row into columns by placing the and tags between and

We enter the row's cell data by typing text between each and

Cabbage 124 Pounds 1989

Attributes BORDER ALIGN WIDTH CELLPADDING CELLSPACING BGCOLOR BORDERCOLOR BACKGROUND

and Attributes ALIGN VALIGN BGCOLOR BORDERCOLOR

Make the following web page NAMEE-COMMERCEECONOMICSNETWORKS AHMED ALI956590

NAME MATHS SCIENCE ENGLISH

AHMED

ALI

<table border=5 align=center Cellpadding=15>

<table border=5 align=center Cellpadding=15 bgcolor=blue>

<table border=5 align=center Cellpadding=15 bgcolor=blue Bordercolor=red>

<table border=5 align=center Cellpadding=15 bgcolor=blue Bordercolor=red cellspacing=12>

The COLSPAN and ROWSPAN attribute can be used in a cell to make the cell contents merge with another cell

You can use COLSPAN and ROWSPAN in either a or a tags

Make the following web page MS-WORD THEORYPRACTICAL 9894

MS-WORD THEORY PRACTICAL

98 94

Make the following web page MS-WORD THEORY98 PRACTICAL94

MS-WORD THEORY 98

PRACTICAL 94