Lesson 6. Links in HTML Computer Science Welcome to Virtual University in Pakistanhttp://www.vu.edu.

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.
Tables Learn to create and enhance TABLES using a variety of attributes and formats.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 6: HTML Tables.
Creating Tables in a Web Site
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.
 2008 Pearson Education, Inc. All rights reserved. 1 Introduction to HTML.
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.
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.
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 HTML/CSS Tutorial. 2 Definitions WWW -- a software infrastructure layered on top of the Internet HTTP -- HyperText Transport Protocol, layered on top.
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.
Creating Tables in a Web Site
HTML Comprehensive Concepts and Techniques Second Edition Project 3 Creating Tables in a Web Site.
HTML Revisited. Learning Goals for Today 1.To develop your personal Web page 2.To upload your Web page to UMT’s Web server so that it becomes visible.
225 City Avenue, Suite 106 Bala Cynwyd, PA , phone , fax presents… HTML Lists, Tables and Forms v2.0.
Tables and Forms HTML5 Tables and Forms. Table Overview table element ( ) Attributes: align (left, right, center), bgcolor, border, cellpadding, cellspacing,
Dr. Nuha El-KhaliliInternet Programming ( ) HTML Hyper Text Markup Language The language of web pages Maintained by the W3C
1 3/7/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: More on tables and images.
>> 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.
Web Design ATBs. ATB #1 List headings and size ATB #2 Define HTML.
Tables Module 2: HTML Basics LESSON Extension. Module 2: HTML Basics LESSON Extension Lesson Overview In this lesson, you will learn to:  Create tables.
CS105 INTRODUCTION TO COMPUTER CONCEPTS HTML Instructor: Cuong (Charlie) Pham.
CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)
XHTML1-1 Extensible HyperText Markup Language (XHTML) Part 2 Xingquan (Hill) Zhu
HTML (Hypertext Markup Language) – Class 3 Recap: HTML Special Characters (ex: ©). Including Images – using the tag. Lists – Ordered and Unordered.
Academic Year, Spring Semester Bilkent University - Faculty of Art, Design and Architecture Department of Communication and Design CS 153 Introduction.
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.
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.
 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
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.
HTML Concepts and Techniques Fifth Edition Chapter 4 Creating Tables in a Web Site.
CSE 409 – Advanced Internet Technology 1 DISCUSSION OF BASIC HTML TAGS.
20-753: Fundamentals of Web Programming 1 Lecture 6: Advanced HTML Fundamentals of Web Programming Lecture 6: Advanced HTML.
Doing TABLES Creating Tables in HTML. Start creating the table by using the Table container tag.
1999, COMPUTER SCIENCE, BUU Introduction to HTML Seree Chinodom
1 R3 R1 R5 R4 R6 R2 B B A A Looking at the Code Under the View menu Select Source.
HTML AN INTRODUCTION TO WEB PAGE PROGRAMMING. INTRODUCTION TO HTML With HTML you can create your own Web site. HTML stands for Hyper Text Markup Language.
CIS101 Introduction to Computing Week 07 Spring 2004.
CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr
Web Development & Design Foundations with HTML5
>> HTML: Tables.
LAB Work 02 MBA 61062: E-Commerce
HTML Tables CS 1150 Spring 2017.
Basic XHTML Tables XHTML tables—a frequently used feature that organizes data into rows and columns. Tables are defined with the table element. Table.
Chapter 5 Introduction to XHTML: Part 2
Introduction to HTML.
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
Web Design and Development
Creating Tables in a Web Site
Web Development & Design Foundations with H T M L 5
Introduction to HTML.
Web Development & Design Foundations with HTML5
Site Development Foundations Lesson 6
Creating Tables Steps for creating a Table Important Facts about Table
Lesson 5: HTML Tables.
CS205 Tables & Forms © 2012 D. J. Foreman.
Presentation transcript:

Lesson 6

Links in HTML Computer Science Welcome to Virtual University in Pakistanhttp://

Mailto Link address

Changing Colors in a Page ‘bgcolor’ refers to a six digit code based on hexadecimal numbers, e,g, #00FF00 (Green) _ _ _ _ _ _ Red Green Blue –‘filename’ refers to the image file name in.gif or.jpg etc. format

Computer Science Welcome to Virtual University inhttp:// Pakistan

Title and Meta Tags Introduction to e-commerce Page goes here

Basic tags 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 Example - COLSPAN Spanning the text This line is extended to two columns This does not First Column Second Column Third Column

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

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

Attributes for tag –Width - –Align - –Valign-

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

Forms A form is a web page populated with text boxes, drop- down lists and commands buttons to get information from the user - and Types –Submit/Reset button –Text boxes –Text area –Check boxes –Radio buttons –Lists

Example -Submit Submit Button An example of Submit button:

Example – Text Box & Text Area Text Area Example Today's Burning Question First Name: Last Name: Today's Burning Question : How to make Pakistan a developed country? Please enter your answer in the text area below: