Web Layout HTML & CSS

This tutorial helps beginners learn the basics of creating Web sites with HTML and Cascading Style Sheets.

BEGIN THE HTML & CSS TUTORIAL

Need a quick reminder of how to do something with HTML & CSS? Click a task:

HTML Basics

• Create Web pages

• Create a home page

  
  

  View pages in a browser

• Employ style sheets

• Integrate a style sheet

  Apply formatting

• Format text

• Insert a paragraph

  Change text weight

  Align text

  Indent text

  Create lists

• Create links

• Link to the new page

  Create an email link

  Link to an external site

• Insert graphics

• Insert graphics1

  Align graphics

  Format graphics

• Link multiple pages

• Link pages to each other

  Use graphics as links

• Change colors

• Change link colors

  
  

  Practice: HTML Basics

Navigation & Layout

• Lay out pages using CSS
• Set width of layout areas
• Employ padding
• Create the home page
• Create new pages
• Create navigation bars
• Make pages look consistent
• Show "you are here"
• Employ multiple levels
• Create subsection pages
• Practice: Navigation & Layout

Interactivity

• Create forms
• Upload to a Web server

Advanced Layout

• Employ background graphics
• Employ style classes
• Create rollover effects
• Specify page margins

• Practice: Advanced Layout