Download presentation
Presentation is loading. Please wait.
1
Images and Tables http://www.htmlcodetutorial.com/tables/ http://www.w3schools.com/html/html_t ables.asp
2
Objectives Learn to place a picture on your web page Be able to interpret html for tables –Understand table tags and attributes –Simple rows and columns –Combined rows and columns Create a table using html and FrontPage Correctly insert scripts into html code Know how to move a file to your birdnest space
3
Inserting Images
4
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1 -transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> Dr. Garrison's 101 page Let’s see an image
5
TABLES Be able to insert html inside table format –http://www.dynamicdrive.com/dynamicindex1 0/neontext2.htmhttp://www.dynamicdrive.com/dynamicindex1 0/neontext2.htm Tables are used for layouts – www.yahoo.comwww.yahoo.com –www.webdeveloper.comwww.webdeveloper.com
6
Text and Graphical Tables
8
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1 -transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> Basic Table body {font-size:28pt} Service Options Auto New and Used Finance Market summary and mortgage rates Games Video and Downloadable Groups Science, education, and hobbies
10
Table 7.1 on page 73 contains a list of style attributes for tables. Service Options Auto New and Used Finance Market summary and mortgage rates Games Video and Downloadable Groups Science, education, and hobbies
11
How do you think we can create this table
12
Service Options Auto New and Used Finance Market summary and mortgage rates Games Video and Downloadable Groups Science, education, and hobbies
14
Exam Schedule Class Exam Tue 11am Thursday 11:30 - Dec 8 Thurs 11am Thursday 11:30 - Dec 8 Tue 2pm Monday 3pm - Dec 12 Thurs 2pm Monday 3pm - Dec 12
16
Exam Schedule Class Exam Tue 11am Thursday 11:30 - Dec 8 Thurs 11am Thursday 11:30 - Dec 8 Tue 2pm Monday 3pm - Dec 12 Thurs 2pm
17
Short Answer Questions What are the two way of expressing table width? How would you go about creating this table?
19
HTML3 Instructions on my web site Move a file to birdnest Create a table using FrontPage
Similar presentations
