HTML

1
HTML

• Lecture 2

2
A valid web page
lt!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http//www.w3.org/TR/xhtml1/DTD
/xhtml1-transitional.dtd"gt lthtmlgt ltheadgt lttitlegtBu
cky Badgers web pagelt/titlegt lt/headgt ltbodygt lth1gtW
elcome to Bucky's web pagelt/h1gtlt!-- Users dont
see this comment. --gt ltimg src"bucky.gif" alt"A
picture of Bucky" /gt ltpgtI am Bucky, the mascot
for University of Wisconsin athletics. Please
visit lta href"http//www.uwbadgers.com/football/
index.html"gt the web page of our football
teamlt/agt and lta href"http//www.uwbadgers.com/b
asketball/index.html"gt the web page of our
basketball teamlt/agt.lt/pgt lt/bodygt lt/htmlgt
3
lth2gtThe human bodylt/h2gt ltulgt ltligtheadltulgt
ltligteyeslt/ligt ltligtmouthltulgt
ltligttonguelt/ligtltligtteethlt/ligtltligtgumslt/ligt
lt/ulgtlt/ligt ltligtetc.lt/ligt
lt/ulgtlt/ligt ltligtnecklt/ligt ltligthandsltolgt
ltligtright handltolgt ltligtright
palmlt/ligt ltligtright thumblt/ligt
ltligtetc.lt/ligt lt/olgtlt/ligt
ltligtleft hand ltol type"i" start"2"gt
ltligtleft thumblt/ligt ltligtleft
indexlt/ligt ltligtetc.lt/ligt
lt/olgtlt/ligt lt/olgtlt/ligt ltligtetc.lt/ligt lt/ulgt
4
ltselect namepetsgt ltoptiongtDoglt/optiongt
ltoption valueCatgtCatlt/optiongt ltoption
selectedselectedgtFishlt/optiongt lt/selectgt
lth3gtSearch formlt/h3gt ltform method"get
action"http//www.googlesyndicatedsearch.com/u/
univwisc"gt ltpgtWhat are you looking for?
ltinput type"text" name"q" id"searchText"
value"Your search terms..." /gt ltinput
type"hidden" name"hl" value"en" /gt
ltinput type"hidden" name"ie" value"ISO-8859-1"
/gt ltinput type"submit" id"searchButton"
value"Search UW-Madison" /gt lt/pgtlt/formgt
5
lttable border"3"gt lttr align"center"gtlttdgtTitl
elt/tdgt lttdgtAuthorslt/tdgt
lttdgtPublisherlt/tdgt lt/trgt lttrgtlttdgtHTML
The Definitive Guidelt/tdgt lttdgtChuck
Musciano and Bill Kennedylt/tdgt
lttdgtO'Reilly amp Associateslt/tdgt lt/trgt
lttrgtlttdgtLearning C 2005lt/tdgt lttdgtJesse
Liberty and Brian MacDonaldlt/tdgt
lttdgtO'Reilly amp Associateslt/tdgt
lt/trgt lt/tablegt
6
lttable width"300"gt lttr valign"top"gt
lttd rowspan"2" valign"middle"gt
ltigtYou can contact the people listed
here.lt/igtlt/tdgt lttd width"140"gt
ltimg src"sohi-mini.jpg" /gt ltbr
/gtltbgtlta href"/sohi/"gtProf. Gurindar Sohi
lt/agtlt/bgt ltbr /gtChairlt/tdgt
lttd width"140"gt ltimg
src"horwitz-mini.jpg" /gt ltbr /gtltbgtlta
href"/horwitz/"gtProf. Susan Horwitz
lt/agtlt/bgt ltbr /gtAssociate
Chairlt/tdgt lt/trgt lttrgtlttd colspan"2"
align"center"gt ltigtThere are a few
others we should have listed.lt/igt
lt/tdgt lt/trgt lt/tablegt