Usually use background-color:

Slides:



Advertisements
Similar presentations
Table, List, Blocks, Inline Style
Advertisements

Basics of Tables. Tables Give Flexibility Are arranged in rows and columns In XHTML, you do not directly define the columns of a table Calculated by browser.
1 Tables and Lists. 2 Are Tables still needed? Tables were once used to help structure and style our pages CSS now replaces most of the old uses for tables.
Table (TABLE) Contains TABLE ROWS (TR) Contains TABLE DATA (TD) Data can contain anything Text Lists Other tables Pictures …
TABLES 6 How to create tables What information suits tables How to represent complex data in tables.
HTML and CSS. HTML Hyper Text Markup Language Tells browser how to display text and images.
CSS The basics { }. CSS Cascading Style Sheets - language used to – describe html appearance & formatting Style Sheet - file that describes – how html.
/k/k 1212 Cascading Style Sheets Part one Marko Boon
FORMATTING IN CONTEXT. FOLLOW UPS ANCHOR POINTS MUST BE UNIQUE  If you have more than one, how does it know where to go?  They can be repeated across.
Creating Tables Text Tables -created by using preformatted tags. Graphical Tables - created using Table Structure with HTML.
Tables And Lists. Slide 2 Lecture Overview Learn about the basics of tables Create simple 2-dimensional tables Format tables Create tables with complex.
W EB S ITE L ECTURE C ASCADING S TYLE S HEETS. Cascading Style Sheets (CSS) Introduction CSS Objectives – Provide more control over web site content presentation.
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 Tables and Forms Creating Web Pages with HTML CIS 133 Web Programming Concepts 1.
HTML Essentials Tables and Table Tags. Overview Use of Tables goes beyond tabulating data Frequently used to format Web pages / control layout Especially.
Lesson 6. Links in HTML Computer Science Welcome to Virtual University in Pakistanhttp://
HTML Tables. Start of page where we want to place a table.
HTML. Goals How to use the Komodo editor HTML coding and testing – List and Images – Tables and Links – At least 2 pages and navigation –
How to create tables in HTML…
Updated on: September 4, 2010 CIS67 Foundations for Creating Web Pages Professor Al Fichera.
INTRODUCTORY Tutorial 7 Creating Tables. XP New Perspectives on Blended HTML, XHTML, and CSS2 Objectives Discern the difference between data tables and.
Principles of Web Design 6 th Edition Chapter 10 – Data Tables.
Learning HTML. HTML Attributes HTML elements can have attributes Attributes provide additional information about an element Class – specifies a class.
1 3/7/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: More on tables and images.
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 2.
CIS234A Lecture 9 Instructor Greg D’Andrea. Working with Table's Column Groups We've formatted the content of the table columns by modifying the attributes.
CPT 123 Internet Skills Class Notes Publishing to the Web Session B.
Html Tables Basic Table Markup. How Tables are Used For Data Display Tables were originally designed to display and organize tabular data (charts, statistics,
1 TECH1001 Lecture 6 Electronic Publishing and Production 1 More About Tables.
CIS234A- Lecture 7 Instructor Greg D’Andrea. Tables A table can be displayed on a Web page either in a text or graphical format. A text table: – contains.
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
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.
How To Create HTML Tables. Table Structure General HTML code for a Web Table: table cells table cells.
CST336, Spring 2015 Cascading Style Sheet & HTML Tables.
Assignment 3 Your going to modify your last Best Movies page and Recipe page Your going to modify your last Best Movies page and Recipe page You will need.
©SoftMoore ConsultingSlide 1 Introduction to HTML: Block-Level Elements.
Tables creating a table within a web page. What makes up a table? Columns Rows.
Advanced Tables. Let's build some tables using each of these features and then try combining both features into the same table. Spanning Rows and Columns.
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.
INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.
CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr
Web Development & Design Foundations with HTML5
Internet & Web Engineering Course Code:CS-228 Credit Hours (3+1) Lab 2 HTML TABLES Instructor: Muhammad Zeeshan Haider Ali Blog Address:
Applying CSS to Tables Stylish Tables.
Muhammad Meer Hazaar (Software Engineer)
Web Development & Design Foundations with HTML5 8th Edition
HTML Tables CS 1150 Spring 2017.
Chapter 7 Tables.
Style should be done using CSS.
8 Tables.
HTML and CSS 8th Edition Chapter 18: Tables.
Website Design 3
Cascading Style Sheets - Building a stylesheet
Embedded with tags..
Table CSS Create a new CSS called tablestyle.CSS Green Background
Using rowspan and colspan attributes
Using rowspan and colspan attributes
Web Development & Design Foundations with HTML5
Using tables in HTML Goes in order with Examples at my site.
Lesson 5: HTML Tables.
Cascading Style Sheets - Building a stylesheet
Web Development & Design Foundations with HTML5
Basics of Web Design Chapter 9 Table Basics Key Concepts
Presentation transcript:

Usually use background-color:

the body.

of CSS.

Not set up correctly with quotes etc so it does not work.

and red, all h2 tags will be aligned to the right etc.

Not using CSS.

Done without CSS.

Using CSS

A reference for CSS

using either id or name.

This is the entry point.

Using id instead of name.

If you do not use an address, then the pages need to be in the same directory.

Non CSS approach.

at tables - not using CSS here.

about text.

However colspan used today as well.

Row span also used today.

Old approach

coming up.

Can apply to multiple tags using comma.

Notice the difference between browsers on the caption.

Padding cells

Can also use px instead of %.