Internet Programming

1
Internet Programming

• Lecture 2

2
Heading Tags

• lth1gtA large headerlt/h1gt
• lth3gtA medium-sized sub-headerlt/h3gt
• lth6gtA very small sub-headerlt/h6gt

3
Adding graphics to your page

• Graphical images have become an integral part of
  almost every site on the Internet.
• To place an image within an HTML document
• ltimg srcFILENAME.GIF width100 height100
  altA picture alignleft/gt
•  
• FILENAME.GIF is the name of your image file.

4
Placing links in a document

• Links enable navigation around the Web - they
  consist of two parts the Uniform Resource
  Locator (URL) and what you click on (the link).
• lta href URLgtlinklt/agt.  
• Why not visit lta hrefhttp// www.hull.ac.uk/php/
  msshaa/gt Alex Ainsworthlt/agt?

5
Presenting information in a list

• Most common lists are
• Ordered - numbered, ltolgt...lt/olgt
• Unordered - bullet points, ltulgt...lt/ulgt
• Definition ltdlgt...lt/dlgt, but each item has two
  entries a title, ltdtgt, and a definition, ltddgt

6
Tables

• Intended originally as a means of displaying
  data, tables have become the essential HTML
  layout tool, allowing Web developers to mimic the
  output of DTP software.

7
Creating a Table

• lttablegt
• lttrgt
• lttdgtltbgtNamelt/bgtlt/tdgt
• lttdgtltbgtCompanylt/bgtlt /tdgt
• lttdgtltbgtPreferredlt/bgtlt /tdgt
• lt/trgt
• lttrgt
• lttdgtA. Smithlt/tdgt
• lttdgtAce Airwayslt/tdgt
• lttdgtyeslt/tdgt
• lt/trgt
• lttablegt

8
End of Lecture 2