Upload
faisal
View
222
Download
0
Embed Size (px)
Citation preview
8/7/2019 E-Commerce Lesson 6
1/27
8/7/2019 E-Commerce Lesson 6
2/27
8/7/2019 E-Commerce Lesson 6
3/27
8/7/2019 E-Commerce Lesson 6
4/27
Mailto Link
emailaddress
8/7/2019 E-Commerce Lesson 6
5/27
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
8/7/2019 E-Commerce Lesson 6
6/27
8/7/2019 E-Commerce Lesson 6
7/27
Computer Science
Welcome to VirtualUniversity in
Pakistan
8/7/2019 E-Commerce Lesson 6
8/27
Title and Meta Tags
Introduction to e-commerce
Page goes here
8/7/2019 E-Commerce Lesson 6
9/27
8/7/2019 E-Commerce Lesson 6
10/27
Basic tags
Tables use following basic tag:
(table row tag) and are used tocreate/add a row
(table data tag) and are used todivide a row into number of columns to createcells
(table header tag) and labelseach column as a heading
Caption of the table
8/7/2019 E-Commerce Lesson 6
11/27
A basic 2 row, 2 column table
Cell1
Cell2
Cell3
Cell4
Cell 1 Cell 2
Cell 3 Cell 4
8/7/2019 E-Commerce Lesson 6
12/27
A slightly different table
Cell1
Cell2
Cell3
Cell 1
Cell 2 Cell 3
8/7/2019 E-Commerce Lesson 6
13/27
Try coding
Try to code the following table design:
Cell 1
Cell 2
Cell 3
8/7/2019 E-Commerce Lesson 6
14/27
8/7/2019 E-Commerce Lesson 6
15/27
Example - COLSPAN
Example - COLSPAN
8/7/2019 E-Commerce Lesson 6
16/27
8/7/2019 E-Commerce Lesson 6
17/27
8/7/2019 E-Commerce Lesson 6
18/27
Example - ROWSPAN
Spanning Text
Example - ROWSPAN
This line is stretched to two rows
First Row
Second Row
This does not
Third Row
8/7/2019 E-Commerce Lesson 6
19/27
Table tag attributes
Border -
Width -
Height -
Cellpadding -
Cellspacing -
Color - or
8/7/2019 E-Commerce Lesson 6
20/27
Attributes for tag
Width -
Align - Valign-
8/7/2019 E-Commerce Lesson 6
21/27
8/7/2019 E-Commerce Lesson 6
22/27
Example - Margin
A Page with a Left-Hand Margin
8/7/2019 E-Commerce Lesson 6
23/27
Forms
A form is a web page populated with text boxes, drop-down lists and commands buttons to get informationfrom the user - and
Types Submit/Reset button
Text boxes
Text area
Check boxes
Radio buttons
Lists
8/7/2019 E-Commerce Lesson 6
24/27
8/7/2019 E-Commerce Lesson 6
25/27
Example -Submit
Submit Button
An example of Submit button:
8/7/2019 E-Commerce Lesson 6
26/27
8/7/2019 E-Commerce Lesson 6
27/27
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: