Download presentation
Presentation is loading. Please wait.
Published byAndrew Lyons Modified over 8 years ago
1
1 R3 R1 R5 R4 R6 R2 B B A A 140.57 100
2
2 Looking at the Code Under the View menu Select Source
3
3 A Simple HTML document My first page A simple page with just this sentence
4
4
5
5 Text Formatting Paragraph and Education provides a better understanding of life – e-commerce You can also use Left or Right Line break Education provides a better understanding of life
6
6 More Text Formatting Bold and Italics and Underlined and BIG and small and
7
7 Font Font face internet Font size from 1 to 7 and Font color e-commerce internet and e- commerce
8
8 Example Code This is my main title Here is the first paragraph. This is some bold text This text is in the Arial font.
9
9
10
10
11
11 Item1 Item2 Item3 Item1 Item2 Item3
12
12 Image example
13
13 On Sale Cassettes
14
14
15
15 Links in HTML Computer Science Welcome to Virtual University in Pakistanhttp://www.vu.edu
16
16 Mailto Link email address mailto:vtv@hotmail.com
17
17 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
18
18
19
19 Computer Science Welcome to Virtual University inhttp://www.vu.edu Pakistan
20
20 Title and Meta Tags Introduction to e-commerce Page goes here
21
21
22
22 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
23
23 A basic 2 row, 2 column table Cell1 Cell2 Cell3 Cell4 Cell 1Cell 2 Cell 3Cell 4
24
24 A slightly different table Cell1 Cell2 Cell3 Cell 1 Cell 2Cell 3
25
25 Try coding… Try to code the following table design: Cell 1 Cell 2 Cell 3
26
26
27
27 Example - COLSPAN Example - COLSPAN Spanning the text This line is extended to two columns This does not First Column Second Column Third Column
28
28
29
29
30
30 Example - ROWSPAN Spanning Text Example - ROWSPAN This line is stretched to two rows First Row Second Row This does not Third Row
31
31 Table tag attributes –Border - –Width - –Height - –Cellpadding - –Cellspacing - –Color - or
32
32 Attributes for tag –Width - –Align - –Valign-
33
33
34
34 Example - Margin A Page with a Left-Hand Margin This section contains the contents of your web page.
35
35 Forms A form is a web page populated with text boxes, drop- down lists and commands buttons to get information from the user - and http://www.forms.com Types –Submit/Reset button –Text boxes –Text area –Check boxes –Radio buttons –Lists
36
36
37
37 Example -Submit Submit Button An example of Submit button:
38
38
39
39 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:
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.