CSCE 102 General Application Programming Section 10,11,12

1
CSCE 102 General Application ProgrammingSection
10,11,12

• Instructor Jin Jin
• jinj_at_cse.sc.edu
• 8/31/2006

2
ReviewWe are working on XHTML from now on

• "-//W3C//DTD XHTML 1.0 Transitional//EN"
• "http//www/w3/org/TR/xhtml/11/DTD/xhtml11-trans
  itional.dtd"
• put your title here
• put what you want your webpage to show
  here.

3
Place an image on the webpage

• img stands for "image." It announces to the
  browser that an image will go here on the page.
• src stands for "source." It tells where to find
  the image.
• image.gif is the name of the image. Types of
  images .gif, .jpg (or .jpeg)
• alt stands for "alternate text". This tells the
  browser that if it can't find the image, then
  just display this text. alt is required in XHTML.
• "some text" is where you put the text describing
  your image.

4
Images- cont

• image.jpg is in the same directory(folder)
  as the XHTML document we are currently working
  on.
• e.g.
• g alt"some text /
• image.jpg is not in the same
  directory(folder) as the XHTML document we are
  currently working on.
• folder1/image.jpg is a relative path (you
  only need to give the path to the image file
  starting from the source documents directory,
  but not including the name of the source
  documents directory)

5
Images- cont

• alignleft or right /
• align stands for alignment
• Note left is by default

6
Images- cont

• height 120 /
• height20 /

7
Create links on the webpage

• External linkscreate a link from one webpage to
  another webpage
• some text
• e.g. click
  here
• some text
• e.g. click here for
  lab1
• click here
  for lab1
• a stands for anchortag
• href stands for hypertext reference--attribute
• anchor tags used with an href attribute tell
  the browser what it's looking for when you want
  to link to another page.

8
Making images into links

• relative path altsome text /