Doing TABLES Creating Tables in HTML. Start creating the table by using the Table container tag.

Slides:



Advertisements
Similar presentations
The Web Wizards Guide to HTML Chapter Six Tables.
Advertisements

Using HTML Tables Presenting Information & Layout Control.
Use Tables for Layout Control Day 7. You will learn to: Understand Tables Create a Simple Table Modify Your Tables Appearance Create Page Layouts with.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 6: HTML Tables.
CIS101 Introduction to Computing Week 07. Agenda Your questions Resume project Review Project Two HTML Project Three This week online Next class.
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.
Lists and Tables Cool sites Lists unordered, ordered, definition Tables basic.
Introduction to HTML II Shih-Heng Chin. Preface Structure of a HTML File Elements used frequently Tables.
Using HTML Tables.
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.
INTRODUCTION TO WEB DEVELOPMENT AND HTML Lecture 06: Tables - Spring 2011.
 Tables are commonly used to display all manner of data, such as timetables, financial reports, and sports results etc.  Tables, just like spreadsheets,
Chapter 5 Working with Tables. Agenda Add a Table Assign a Table Border Adjust Cell Padding and Spacing Adjust Cell Width and Height Add Column Labels.
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.
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.
Creating Tables in a Web Site.  Define table elements  Describe the steps used to plan, design, and code a table  Create a borderless table to organize.
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.
Creating Tables in a Web Site
HTML Comprehensive Concepts and Techniques Second Edition Project 3 Creating Tables in a Web Site.
>> 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.
HTML B OOT C AMP Chapter 10 Tables Kirkwood Continuing Education © Copyright 2015, Fred McClurg All Rights Reserved.
Department of Information Technology Chapter 9 – Creating Tables Lecturer: Ms Melinda Chung.
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.
1 HTML tables
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 Web Authoring. This kind of a table THISIs aTABLE THISIs aTABLE THISIs aTABLE THISIs aTABLE.
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.
Tables in Dreamweaver. Uses For Tables Tables have 2 uses in webpages Tables of data Layout of your page.
Using Tables for Layout INP150 Session #8. Layout Map out your page Design with paper and pencil Determine number of rows and columns you need Determine.
©SoftMoore ConsultingSlide 1 Introduction to HTML: Block-Level Elements.
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.
TABLES IN HTML No, not that kind of table!! THIS KIND!!
1 R3 R1 R5 R4 R6 R2 B B A A Looking at the Code Under the View menu Select Source.
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 Help book. HTML HTML is the programming language used to make web pages for the Internet. HTML stands for Hyper Text Markup Language. HTML is made.
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).
CIS101 Introduction to Computing Week 07 Spring 2004.
CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr
Yourfriendmanoj.wordpress.com Fb/yourfriendmanoj
>> HTML: Tables.
LAB Work 02 MBA 61062: E-Commerce
Getting Started – Table 2
HTML Tables CS 1150 Spring 2017.
H T M L A B E S X P I N D.
List, Tables,Frame and Forms
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 a Web Site
Creating Tables in HTML
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
H T M L A B E S X P I N D.
Hypertext Markup Language Table 11th Lecture
Presentation transcript:

Doing TABLES Creating Tables in HTML

Start creating the table by using the Table container tag

Rows and Columns Tables have ROWS and COLUMNS <= Rows

Columns

Tables make little boxes Boxes help to ORGANIZE information

Start with the usual HEAD stuff A Simple Table

Start the TABLE Stuff < TABLE ALIGN=middle BGCOLOR=Yellow BORDER=5 CELLPADDING=5 CELLSPACING=5 WIDTH=75% >

Add the ROWS and COLUMNS tag starts a new table ROW tag starts a new COLUMN These are MY Favorite Hobbies

These are My Favorite Hobbies

makes a new column makes a new ROW ALIGN=Middle COLSPAN=3> My Favorite Hobbies

Second ROW Start the second Row BOWLING The Internet Sewing

These are MY Favorite Hobbies BowlingThe InternetSewing

ATTRIBUTE TAGDESCRIPTIONExample BORDER Size of border around table BGCOLOR Color of the table CELLSPACING Thicker lines between the cells CELLPADDING More space around the text inside the cells WIDTH Width of TABLE

ATTRIBUTE TAGDescriptionExample ALIGNAlign images or text in cells VALIGNAlign contents o cell vertically NOWRAPDon’t let text wrap COLSPANStretch the cell across many columns ROWSPANStretch the cell across many rows. WIDTHWidth of cell BGCOLORColor of cell

TABLES Organize information into little boxes.