Contents: 1. More on tables 2. Images (the <img> tag)

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

INTRODUCTORY Tutorial 8 Creating Data Tables. XP Objectives Contrast data tables with layout tables Create a table to display and organize data Provide.

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.

 2001 Prentice Hall, Inc. All rights reserved. Outline 1 Table1.html 1 2

 2008 Pearson Education, Inc. All rights reserved. 1 Introduction to HTML.

Images and Tables. Displaying Image Attributes: SRC= " mypic.gif " – Name of the picture file SRC= " pic/mygif.jpg " – Name of file found in pic directory.

What is a TABLE? The HTML table allows web designers to arrange & organize data -- text, images, hyperlinks, forms, form fields, other tables, etc. Tables.

INTRODUCTORY Tutorial 7 Creating Tables. XP New Perspectives on Blended HTML, XHTML, and CSS2 Objectives Discern the difference between data tables and.

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.

Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.

Cascading Style Sheets Class 2, Lecture 3 Rachel A Ober

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 Week Four– Advance HTML 2 Dr. Fadi Safieddine. 2 Lecture Content Basic HTML Tables Using based Feedback form Creating and Using Image Maps Nested.

HTML Hyper Text Markup Language. Create TABLE in an HTML Tables are defined with the tag. A table is divided into rows (with the tag), and each row is.

Basic Table Elements. 2 Objectives Define table elements Describe the steps used to plan, design, and code a table Create a borderless table with text.

HTML HyperText Markup Language ©Richard L. Goldman July 15, 2003.

Introduction to HTML UWWD. Agenda What do you need? What do you need? What are HTML, CSS, and tags? What are HTML, CSS, and tags? html, head, and body.

1999, COMPUTER SCIENCE, BUU Introduction to HTML Seree Chinodom

HTML. HTML: What is it? – HTML stands for Hyper Text Markup Language – An HTML file is a text file containing small markup tags – The markup tags tell.

Tables: Basic Elements Header 1Header 2Header 3 Row 1, Column 1Row 1, Column 2Row 1, Column 3 Row 2, Column 1Row 2, Column 2Row 2, Column 3 Row 3, Column.

This shows a table with two rows. In each row there are two cells. I have put borders around them. Note I did not use th.

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).

HTML 15-Feb-13HTML- lec 4 T.A. Reem Alshnaifi Tables Contents.

Tutorial 5 Working with Web Tables

Web Systems & Technologies

CSE 154 Lecture 17: HTML tables.

CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr

Advanced Tables.

Website Development & Management

Yourfriendmanoj.wordpress.com Fb/yourfriendmanoj

H T M L A B E S X P I N D.

Creating a Data Table Web Design – Section 3-8

>> HTML: Tables.

Elements of HTML Web Design – Sec 3-2

Setting your website out using a table

The Web Warrior Guide to Web Design Technologies

Introduction to Web Site Development

Web Engineering Hyperlinks, Tables, Frames Lecture 04

Elements of HTML Web Design – Sec 3-2

Introduction to HTML.

H T M L A B E S X P I N D.

The Internet 10/25/11 XHTML Tables

PHP: Output Formatting

HTML Tables CS 1150 Fall 2016.

Adding Image Element Chapter 7

Creating Tables Steps for creating a Table Important Facts about Table

Static Web Pages an Introduction to HTML Tags

Creating Tables Steps for creating a Table Important Facts about Table

Lecture 25: SQL and HTML tables

Web Design and Development

Introduction to XHTML Cont:.

Advanced Tables.

Hyperlinks 1 2.

Introduction to 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.

Make a Heading and sub-headings.

Hypertext Markup Language Table 11th Lecture

Basics of Web Design Chapter 9 Table Basics Key Concepts

Presentation transcript:

Contents: 1. More on tables 2. Images (the <img> tag) 3. Meta tags 4. Forms 5. Frames and inline frames 6. XHTML vs. HTML 7. XHTML Validator

More on Tables As you know... And also... The most basic tags in dealing with tables: • <table>: Defines the overall table • <tr>: Defines each row • <td>: Defines each cell And also... To give more information about your table and define the header cells: • <caption>: Defines the meaning of the table • <th>: Defines header cells

Example: The following code: <table> <caption>My important data</caption> <tr> <th>Column 1</th> <th>Column 2</th> </tr> <td>1,1</td> <td>1,2</td> <td>2,1</td> <td>2,2</td> </table>