CS205 Tables & Forms © 2012 D. J. Foreman.

Slides:



Advertisements
Similar presentations
HTML Tables Introduction to Tables Introduction to Tables Table Format Table Format Table Captions Table Captions Table Example Table Example Excercise.
Advertisements

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.
HTML and XHTML Controlling the Display Of Web Content.
1 HTML Markup language – coded text is converted into formatted text by a web browser. Big chart on pg. 16—39. Tags usually come in pairs like – data Some.
Computing Concepts Advanced HTML: Tables and Forms.
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: Tables and Forms. Objectives Use tables to structure a webpage Use forms to collect user input –Method:Get, Post –Input –Select –Textarea.
Outline IS400: Development of Business Applications on the Internet Fall 2004 Instructor: Dr. Boris Jukic Table, Forms, Metatags and Frames.
CGI Programming: Part 1. What is CGI? CGI = Common Gateway Interface Provides a standardized way for web browsers to: –Call programs on a server. –Pass.
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.
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.
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://
1 Creating Web Forms in HTML Web forms collect information from customers Web forms include different control elements including: –Input boxes –Selection.
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
>> 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.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
1 © Netskills Quality Internet Training, University of Newcastle HTML Forms © Netskills, Quality Internet Training, University of Newcastle Netskills is.
XHTML1-1 Extensible HyperText Markup Language (XHTML) Part 2 Xingquan (Hill) Zhu
Introduction HTML (Hypertext Markup Language) is used to create document on the World Wide Web. HTML is not a programming language, it is a markup language.
Technologies for web publishing Ing. Václav Freylich Lecture 3.
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.
CS-3432 Electronic Commerce Lecture – 7 Sikandar Shujah Toor
Lecture 6 More Advanced HTML Boriana Koleva Room: C54
CSE 409 – Advanced Internet Technology 1 DISCUSSION OF BASIC HTML TAGS.
Basic Webpage Design HTML Forms. Objectives Learn how to use HTML to create a form. Explain the concept of forms Know the difference of GET and POST Discuss.
HTML Forms. A form is simply an area that can contain form fields. Form fields are objects that allow the visitor to enter information - for example text.
20-753: Fundamentals of Web Programming 1 Lecture 6: Advanced HTML Fundamentals of Web Programming Lecture 6: Advanced HTML.
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.
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.
© 2004 D. J. Foreman T&F-1 CS205 Tables & Forms. T&F-2 ©2007 D. J. Foreman Tables.
Tutorial 6 Working with Web Forms
CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr
Yourfriendmanoj.wordpress.com Fb/yourfriendmanoj
Working with Tables: Module A: Table Basics
>> HTML: Tables.
HTML –II [List, Tables & Forms]
Web Development & Design Foundations with HTML5 8th Edition
CS3220 Web and Internet Programming HTML Tables and Forms
HTML Tables CS 1150 Spring 2017.
HTML Tables.
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.
H T M L A B E S X P I N D.
List, Tables,Frame and Forms
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
TABLES.
Web Design and Development
CS3220 Web and Internet Programming HTML Tables and Forms
H T M L A B E S X P I N D.
Site Development Foundations Lesson 6
The Internet 10/27/11 XHTML Forms
In this session, you will learn to:
Creating Tables Steps for creating a Table Important Facts about Table
H T M L A B E S X P I N D.
CS205 Tables & Forms © 2008 D. J. Foreman.
CS205 Tables & Forms © 2004 D. J. Foreman.
Presentation transcript:

CS205 Tables & Forms © 2012 D. J. Foreman

Tables © 2012 D. J. Foreman

Basic <table>Syntax <table cols=# of columns > <tr> defines one ROW <td></td> defines one CELL <td></td> </tr>    more rows    </table> © 2012 D. J. Foreman

Major <TABLE> attributes border border thickness (e.g. 4) cellpadding margin around text cellspacing between cells cols helps compute table width frame border around whole table rules inside borders width whole table © 2012 D. J. Foreman

Syntax for Table Cells <th align=… colspan=… rowspan=… valign=… > Options only affect current cell <td> uses same options as <TH> <caption> applies a title to top of table © 2012 D. J. Foreman

Forms © 2012 D. J. Foreman

Basic <Form> Syntax -1 <form action=URL method=(post/get)> <input name="field1"> <select> <option value="value1"> </option>    more option tags    </select> </input> </form> Usually uses a TABLE to line up fields © 2012 D. J. Foreman

Caution Don't confuse the terminology: OPTION as a tag: OPTION actually an attribute on a tag <BODY bgcolor='red'> © 2012 D. J. Foreman

Basic <Form> Syntax -2 <form action=URL method=(post/get)> URL is to locate the CGI program CGI = Common Gateway Interface <table> <tr> <td><input></input></td> </tr> </table> </form> © 2012 D. J. Foreman

<Form> methods Post Get preferred data accessed via "standard input" (standard input/output is terminal I/O) Get less common (limited length) data passed as a parameter contains callers URL URL could be truncated © 2012 D. J. Foreman

<FORM> processing User clicks a "submit" button Browser send data to server Server starts the CGI program Server gives data to CGI program CGI program "builds" a webpage Output via "standard output" Contains HTML tags AND text Server sends "page" to browser Browser displays page © 2012 D. J. Foreman

CGI's CGI programs can be written in: A CGI always runs on the server Perl, Java, C++, C, etc. A CGI always runs on the server User cannot see the CGI program Sometimes called a "script" MS script files: anypage.ASP CGI Example: Dr. Foreman's CS105 Grade Tracker © 2012 D. J. Foreman