CS-3432 Electronic Commerce Lecture – 7 Sikandar Shujah Toor https://sites.google.com/site/uolcsecom.

Slides:



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

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.
Chapter 3 – Web Design Tables & Page Layout
Tables Learn to create and enhance TABLES using a variety of attributes and formats.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 6: HTML Tables.
Internet Basics & Way Beyond!
Chapter 4 – Intermediate HTML 4 Outline 4.1 Unordered Lists 4.2 Nested and Ordered Lists 4.3 Basic HTML Tables 4.4 Intermediate HTML Tables and Formatting.
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.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
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.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 8 Key Concepts 1 Copyright © Terry Felke-Morris.
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.
 Tables are commonly used to display all manner of data, such as timetables, financial reports, and sports results etc.  Tables, just like spreadsheets,
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.
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.
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.
Creating Tables in a Web Site
HTML Comprehensive Concepts and Techniques Second Edition Project 3 Creating Tables in a Web Site.
Lecture: Tables. Table Tags (all container tags) establishes a table (________) establishes a row (________) says what’s in the row more than one TD within.
>> 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.
IS1824: Introduction to Internet Multimedia Lecture 5: Layout in HTML Rob Gleasure
HTML: Tables & Frames Internet Technology.
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.
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.
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.
 2003 Prentice Hall, Inc. All rights reserved. Introduction to HTML: Tables Outline 1 Introduction 2 Basic HTML Tables 3 Intermediate HTML Tables and.
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.
20-753: Fundamentals of Web Programming 1 Lecture 6: Advanced HTML Fundamentals of Web Programming Lecture 6: Advanced HTML.
Creating Tables in a Web Site HTML 4 Created by S. Cox.
LINKING WEBPAGES USING HTML HYPERLINKS. Hyperlinks are text strings or images on a webpage which when clicked on, links to another section in the same.
©SoftMoore ConsultingSlide 1 Introduction to HTML: Block-Level Elements.
Internet Applications Development Lecture 6 L. Obead Alhadreti.
Web111a_chapt04.ppt HTM: Section 4 Tables Table Types Text table elements Easy to use Use fixed-font text (font family monospace) Andale Mono Courier Monaco.
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.
TABLES IN HTML No, not that kind of table!! THIS KIND!!
Introduction to Programming the WWW I CMSC Winter 2003 Lecture 5.
1 R3 R1 R5 R4 R6 R2 B B A A Looking at the Code Under the View menu Select Source.
INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.
CIS101 Introduction to Computing Week 07 Spring 2004.
CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr
>> HTML: Tables.
Web Development & Design Foundations with HTML5 8th Edition
LAB Work 02 MBA 61062: E-Commerce
HTML Tables CS 1150 Spring 2017.
HTML Tables.
Introduction to HTML.
H T M L A B E S X P I N D.
Web Design and Development
Creating Tables in a Web Site
Web Development & Design Foundations with H T M L 5
H T M L A B E S X P I N D.
Site Development Foundations Lesson 6
Lesson 5: HTML Tables.
Presentation transcript:

CS-3432 Electronic Commerce Lecture – 7 Sikandar Shujah Toor

Title and Meta Tags Title and meta tags are used inside the head element tag is used to write a descriptive title for the page and is shown on the title bar or tab of main window Metadata is data (information) about data Meta tag provides metadata the HTML document and is NOT displayed on the page It is typically used to describe the page description, keywords, author, last modified etc., The metadata can be used by the browser (how to display contents or reload page), search engines or other web services

Title and Meta Tags CS Introduction to e-commerce === The rest of the page goes here ====

Title and Meta Tags

Table Tag Used to display data in row and columns Tables use following basic tag: (table row tag) and are used to create/add a row (table data tag) and are used to divide a row into number of columns to create cells (table header tag) and labels each column as a heading Caption of the table

A basic 2 row, 2 column table Cell1 Cell2 Cell3 Cell4 Cell 1Cell 2 Cell 3Cell 4

A slightly different table Cell1 Cell2 Cell3 Cell 1 Cell 2Cell 3

Try coding… Try to code the following table design: Cell 1 Cell 2 Cell 3

Example - COLSPAN Spanning Text Example - ROWSPAN First row This line is stretched to two rows Second Row Third Row This does not Fourth Row

Column Span

Example - ROWSPAN Spanning Text Example - ROWSPAN First row This line is stretched to two rows Second Row Third Row This does not Fourth Row

Example - ROWSPAN

Table tag attributes Border - Width - Height - Cellpadding - Cellspacing - Color - or

Example – Page with Left Margin A Page with a Left-Hand Margin This section contains the contents of your web page.

Example - Margin

Table Attributes The rest of the page goes here. Table tag attributes

Attributes for tag Width - Align - Valign-