Presentation is loading. Please wait.

Presentation is loading. Please wait.

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

Similar presentations


Presentation on theme: "Lesson 6. Links in HTML Computer Science Welcome to Virtual University in Pakistanhttp://www.vu.edu."— Presentation transcript:

1 Lesson 6

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

3

4 Mailto Link email address mailto:vtv@hotmail.com

5 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

6

7 Computer Science Welcome to Virtual University inhttp://www.vu.edu Pakistan

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

9

10 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

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

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

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

14

15 Example - COLSPAN Example - COLSPAN Spanning the text This line is extended to two columns This does not First Column Second Column Third Column

16

17

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

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

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

21

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

23 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

24

25 Example -Submit Submit Button An example of Submit button:

26

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:


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

Similar presentations


Ads by Google