1 Tables attributes. 2 Table attributes: border Activates border around cells Syntax: – where “n” is a value in pixels which controls the “thickness”

Slides:



Advertisements
Similar presentations
Designing Web Pages Tables part one. Using Tables for Page Layout 2.
Advertisements

Tables in HTML Web Design Fairport High School Technology Department Instructor: Gianni Bussani.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 6: HTML Tables.
Web Development & Design Foundations with XHTML Chapter 8 Key Concepts.
XHTML1 Tables and Lists. XHTML2 Objectives In this chapter, you will: Create basic tables Structure tables Format tables Create lists.
Introducing Web Tables
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.
Tables. Tables2 Terminology Caption Headings Cell Data.
Tables And Lists. Slide 2 Lecture Overview Learn about the basics of tables Create simple 2-dimensional tables Format tables Create tables with complex.
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.
1 XHTML Tables A table is a matrix of cells, for displaying content in rows and columns The cells can include almost any element Some cells display row.
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.
1 The Structure of a Web Table beginning of the table structure first row of three in the table end of the table structure table cells You do not need.
How to create tables in HTML…
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.
XHTML Tables. Tables create little boxes in which you can place things to keep them organized. The little boxes are called table cells. Tables are created.
Lecture: Tables. Table Tags (all container tags) establishes a table (________) establishes a row (________) says what’s in the row more than one TD within.
HTML Overview Part 4 – Tables 1. HTML Tables  Tables are defined with the tag pair.  A table is divided into rows with tag pairs. o tr stands for "table.
1 3/7/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: More on tables and images.
10/4/2015Tables1 Spring, 2008 Modified by Linda Kenney 4/2/08.
Web Development & Design Foundations with XHTML Chapter 8 Key Concepts.
HTML B OOT C AMP Chapter 10 Tables Kirkwood Continuing Education © Copyright 2015, Fred McClurg All Rights Reserved.
Tutorial 5 Working with Tables and Columns
Web Development & Design Foundations with XHTML Chapter 8 Key Concepts.
Department of Information Technology Chapter 9 – Creating Tables Lecturer: Ms Melinda Chung.
Tutorial 5 Working with Tables and Columns
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.
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.
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.
Tables in HTML. Table Tag HTML tables always begin and end with a table tag. Syntax:
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.
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.
26 HTML Tables … surround table … surround each row … surround each cell … like, but bold and centered by default (for table headings) … table title No.
Introduction to Web Authoring Ellen Cushman our syllabus
Doing TABLES Creating Tables in HTML. Start creating the table by using the Table container tag.
Tutorial 5: Tables Session OBJECTIVES Create a table Insert a table summary Insert a table caption Add rows and cells Merge Cells inside a Table.
Copyright © 2012 Certification Partners, LLC -- All Rights Reserved Lesson 5: HTML Tables.
Tables creating a table within a web page. What makes up a table? Columns Rows.
Advanced Tables. Spanning Columns and Rows: So far, our tables have been relatively simple, with a uniform grid of rows and columns: XHTML allows us to.
1 Mansoor Ahmed Bughio. 2 HTML TABLES With HTML you can create tables. Examples Tables This example demonstrates how to create tables in an HTML document.
HTML Tables. Tables Tables are defined with the tag. A table is divided into rows (with the tag), and each row is divided into data cells (with the tag).
Working with Tables: Module A: Table Basics
>> HTML: Tables.
LAB Work 02 MBA 61062: E-Commerce
Getting Started – Table 2
HTML Tables CS 1150 Spring 2017.
Tutorial 5 Working with Tables and Columns
Creating Tables Steps for creating a Table Important Facts about Table
Табеле Табеле се представљају елементом TABLE.
Creating Tables Steps for creating a Table Important Facts about Table
TABLES.
Web Design and Development
Using rowspan and colspan attributes
Using rowspan and colspan attributes
COMS 161 Introduction to Computing
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.
Hypertext Markup Language Table 11th Lecture
Advanced Tables.
Presentation transcript:

1 Tables attributes

2 Table attributes: border Activates border around cells Syntax: – where “n” is a value in pixels which controls the “thickness” of the border Note: this attribute can ONLY be used in a transitional doctype.

3 Table attributes: width May be set in pixels or as a % of the screen size: – Note: this attribute can ONLY be used in a transitional doctype.

4 Table attributes: cellpadding and cellspacing cellpadding – attribute –Amount of space in pixels between the contents of the cells and the cell walls –Syntax cellspacing – attribute –Amount of space between cells –Syntax Note: this attribute can ONLY be used in a transitional doctype.

5 Table cells: height and width May be set in pixels or as a percentage – One Use CSS in XHTML strict DTD: –th, td { height: 100px; width: 200px; } Certain rules apply to width – values will override values –Specify width at cell level when specification is necessary

6 attributes: colspan/rowspan colspan indicates the number of columns a cell should span rowspan indicates the number of rows a cell should span Syntax: – where “n” is the number of columns being spanned Ref:

7 colspan attribute Name Telephone Bill Gates

8 rowspan attribute First Name: Bill Gates Telephone: