Getting Started – Table 2

Slides:



Advertisements
Similar presentations
Using HTML Tables Presenting Information & Layout Control.
Advertisements

HTML Tables Introduction to Tables Introduction to Tables Table Format Table Format Table Captions Table Captions Table Example Table Example Excercise.
Table (TABLE) Contains TABLE ROWS (TR) Contains TABLE DATA (TD) Data can contain anything Text Lists Other tables Pictures …
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 6: HTML Tables.
TABLES 6 How to create tables What information suits tables How to represent complex data in 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.
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.
INTRODUCTION TO WEB DEVELOPMENT AND HTML Lecture 06: Tables - Spring 2011.
Lesson 6. Links in HTML Computer Science Welcome to Virtual University in Pakistanhttp://
CIS 1315 – Web Development for Educators CIS 1315 HTML Tutorial 5: Working with Tables.
How to create tables in HTML…
HTML B OOT C AMP Chapter 10 Tables Kirkwood Continuing Education © Copyright 2015, Fred McClurg All Rights Reserved.
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.
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.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 8 Key Concepts 1 Copyright © Terry Felke-Morris.
 2003 Prentice Hall, Inc. All rights reserved. Introduction to HTML: Tables Outline 1 Introduction 2 Basic HTML Tables 3 Intermediate HTML Tables and.
Computer Science 101 Lists and Tables. Lists Unordered lists - use a bullet Ordered lists - use a number, Roman numeral, or letter.
آموزش طراحی وب سایت جلسه دوم – جداول تدریس طراحی وب برای اطلاعات بیشتر تماس بگیرید تاو شماره تماس: پست الکترونیک :
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.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 8 Key Concepts 1 Copyright © Terry Felke-Morris.
26 HTML Tables … surround table … surround each row … surround each cell … like, but bold and centered by default (for table headings) … table title No.
CSU - DCE Webmaster I HTML - Tables - Fort Collins, CO Copyright © XTR Systems, LLC Designing Web Sites using HTML - Introduction to Tables Instructor:
Assistant Professor,UCER Naini,Allahabad
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.
Make an HTML table using Visual Studio. Approach 1: drag table from Toolbox.
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.
Introduction to HTML 4.0 Getting Started – Links, Images, Font, and List Teacher: Mr. Ho.
CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr
Advanced Tables.
Web Development & Design Foundations with HTML5
Week 6 Creating Tables using HTML.
>> HTML: Tables.
Web Development & Design Foundations with HTML5 8th Edition
HTML Tables CS 1150 Spring 2017.
Introduction to HTML.
H T M L A B E S X P I N D.
HTML Tables CS 1150 Fall 2016.
Creating Tables Steps for creating a Table Important Facts about Table
Табеле Табеле се представљају елементом TABLE.
Creating Tables Steps for creating a Table Important Facts about Table
Web Design and Development
Web Development & Design Foundations with H T M L 5
Using rowspan and colspan attributes
Advanced Tables.
Implementing Tables to Hold Data in HTML
Using rowspan and colspan attributes
Web Development & Design Foundations with HTML5
H T M L A B E S X P I N D.
Using tables in HTML Goes in order with Examples at my site.
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
CS205 Tables & Forms © 2012 D. J. Foreman.
Advanced Tables.
Introduction to Web Authoring
WEB PAGES: Tables Welcome Back !.
Web Development & Design Foundations with HTML5
Basics of Web Design Chapter 9 Table Basics Key Concepts
Presentation transcript:

Getting Started – Table 2 Introduction to HTML 4.0 Getting Started – Table 2 Teacher: Mr. Ho

rowspan Attribute rowspan is <td>’s attribute. rowspan merges the rows <table border=“1” cellspacing=“0” cellpadding=“2”> <tr> <td>Row 1, Cell 1</td> <td rowspan=“2”>Hello World!</td> </tr> <td>Row 2, Cell 1</td> </table>

colspan Attribute colspan is <td>’s attribute. colspan merges the columns <table border=“1” cellspacing=“0” cellpadding=“2”> <tr> <td>Row 1, Cell 1</td> <td>Row 1, Cell 2</td> </tr> <td colspan=“2”>Hello World! ABC</td> </table>

Questions & Answers Do you have any questions so far? If you do, please ask now.