HTML HTML and css 2012 Brian Davison

Assistants Dennis Doug Louise Martin Steven Stephanie

The Internet

Moving information around

The World Wide Web Developed by a British Nuclear Physicist working in CERN Sir Tim Berners-Lee He invented three things: –HTML – language –HTTP – a protocol –WorldWideWeb – the first browser HTML includes methods to mix –Text –Pictures –Links

Web pages Header Menu Panel Images Links Field Button

This week You will build a personal Web site with –At least four pages –Links –Images –Some interactive features Mon: basic HTML Tue, Wed: css Thu: working with a server Fri: finishing your Web site Home

Having a goal

Basic layout

HTML This is an example of a simple web page. First Page Hello World

Tags and attributes... <img src='images/picture1.png' alt='Woodcut of the sun as a face' title='Sun face' />

Unordered Lists One Two Three

Links < a href = ' > Google A link to Google And another to Baidu Learn SQL in another window.

Tables The has many row elements The row elements have many or elements tr th td

Tables The table may have a You may use the colspan and rowspan attributes on a You may use the border attribute on the tr th td Caption

Table Example A Table Word Number One 1...

Using tables for layout Table cell spreads over two rows Table cell spreads over two columns

Being proactive Everyone's Web site should be different You must be creative Decide what you want to do, then try to find the answer

Finding answers

Example tutorial page

Being organised Having a good text editor – eg Notepad++ Keeping your files in sensible locations

whiteatom.zzuli.edu.cn