Chapter 2: Your First Web Pages
Nice to Meet you, XHTML
- Anatomy of a Web Page
- Viewing the Source
- Basic Requirements of a web page
- a doctype
- an html tag
- a head tag
- a title tag
- a body tag
- The DocType - Document Type Declaration
- URL - Uniform Resource Locator
- W3C - World Wide Web Consortium
- The html Element
- Opening Tag
- Element
- Attributes
- Closing Tag
- The head Element
- The title Element
- meta Elements
- self-closing or empty element
- Other head Elements
- The body Element
- The Most Basic Web Page in the World
- Headings and Document Hierarchy
- h1 - most important heading
- h2 - next most important, etc...
- Paragraphs
- For People who Love Lists
- h1 - most important heading
- h2 - next most important, etc...
- Commenting your Web Pages
- Symbols
- < - <
- < - <
- & - &
- £ - £
- © - ©
- ™ - ™
Diving into our Web Site
- The Homepage: the Starting Point for all Web Sites
- Settling a Title
- Welcoming New Visitors
- What's it All About?
- Adding Structure
- Nesting Explained
- The Sectioned Page:all divided up
- Linking Between our New Pages
- Don't use "click here" links
New HTML elements learned
- <em> - italic (not for citations)
- <strong> - bold
- <p> - paragraph (not for divisions)
- <div> - create division on page (not for paragraphs)
- <br> - break/carriage return (avoid mu<iple breaks)
- <ol> - ordered list
- <ul> - unordered list
- <li> - list item
- <!-- , --!> - comment
- <blockquote> - quotes
- <cite> - citation (not for emphasis)
- <a href="mailto:bob@bubblender.com">email bob@bubbleunder.com</a> -
email bob@bubbleunder.com
- <a href="filename.html">Link text here</a> -
Link text here
- <img src="divers-circle.jpg" width="200" height="162"
alt = "A circle of divers practice their skills" />
- display picture; if not available, there will be a box with:
"A circle of divers practice their skills"