HTML5 links

From WikiName
Jump to: navigation, search

Chapter 1:

  • DevGuru XHTML Reference
    • Click this link for a complete list of all XHTML tags with descriptions and examples.
  • XHTML Reference
    • This page offers a "must know" list of important XHTML tags, and a more complete alphabetical reference.
  • W3C Index of Elements
    • From the folks who invented CSS and HTML, this index lists both HTML and XHTML tags. The items with a D in the Depr. column are deprecated, meaning they're being phased out. They don't exist in strict XHTML 1.1 and won't exist in future specifications either.
  • [ W3Schools HTML/XHTML Reference
    • Here's another alphabetical list of both HTML and XHTML tags. Only the elements with a "S" in the DTD column are supported in strict XHTML.
  • CSS Reference
    • Here you'll find a "Must Know" list of CSS properties followed by a more complete list in alphabetical order.
  • [ Web Design Group CSS Properties
    • Click this link for quick access to all of the CSS organized by purpose.
  • Stylegala CSS Reference
    • Click this link for another good alphabetical reference to all CSS properties.
  • GUIStuff CSS 2.1 Reference
    • You guessed it, another useful CSS reference with properties listed both alphabetically and by purpose.
  • W3Schools CSS2 Reference
    • Here's a handy reference where you can try some things out yourself, right at the site!
  • [ W3C Full Property Table
    • Click this link for Wikipedia's encyclopedic definition of Cascading Style Sheets.

Chapter 2:

  • CSS Beginner Tutorial
    • Click this link for a quick online tutorial on some CSS basics.
  • CSS Tutorial Starting With HTML + CSS
    • Here's another short tutorial on CSS designed for folks who have never written CSS before.
  • Introduction to Style Sheets
    • Here's a page that talks about style sheets and the <link> tag. It goes beyond that into topics you don't really need to know for XHTML. But you might want to add it to your favorites collection for future reference.
  • Learn HTML and CSS: An Absolute Beginner's Guide
    • Want to review the whole picture from another angle? Try this Web site.
  • The Hues Hub
    • Looking for just the right color for your page or an element? Click this link for thousands of color codes. This is one site you'll surely want to bookmark or add to your favorites.
  • Spin the Color Wheel
    • This link offers a really fun way to explore colors. Click the Spin button until you find a color combination you like.
  • Colors on the Web
    • The title says it all. Here you'll find everything you wanted to know about colors on the Web (probably more than you wanted to know, in fact).
  • GenoPal Online
    • Looking for colors that go well together to create a mood or feel? Check out GenoPal Online.
  • Cascading Style Sheets
    • Here is Wikipedia's encyclopedic definition of XHTML.
    • Brought to you by the folks who invented CSS, here you'll find all the details on every CSS property.

Chapter 3:

Chapter 4:

  • Absolute Background Textures Archive
    • Looking for some cool background textures for your Web site? Check out this page for lots of freebies.
  • Absolute Web Graphics Archive
    • Searching for bullets or other Web graphics? Here’s a good place to start.
  • Realm Graphics
    • You’ll find some cool backgrounds and bullets at this site, too.
    • Here you can get free animated GIF images for your Web site.
  • Google Image Search
    • Need just the right picture for your Web page? Search Google images from this page for any word or phrase that describes the picture you need. Just be careful not to use any copyrighted pictures without permission!
  • Styling Lists
    • From the folks who define all the XHTML and CSS specs, this is the official page for all things related to list styling.
  • Colors and Backgrounds
    • Here's another official page from the W3C. This one is all about colors and page backgrounds.

Chapter 5:

  • XHTML Tables Module
    • Here you'll find the W3C (World Wide Consortium) technical documentation for tables. Like all W3C pages, it's woefully technical and difficult to follow. It gets into things that go way beyond what we've covered in this lesson. But if you ever need the official specs, this is the place to go.
  • W3C Recommendations: Tables
    • Here's another W3C page on tables. This one focuses more on CSS styles than the XHTML tags. Perhaps it gives more information than anyone needs to know. But you could add it to your favorites for future reference.
  • What is hyperlink?
    • Here's a page the offers multiple definitions of terms with links to pages that provide the definitions. This link takes you to the definition of hyperlink. You'll also find links to many other glossaries on the page.

Chapter 6:

  • XHTML Hypertext Module
    • Here are the official specs on the <a> . . . </a> tags from the folks at W3C. As is typical for that group, the facts are presented in a highly technical manner—far more technical than most people will ever need.
  • Creating Links
    • This link takes you to a brief tutorial on using text and picture hyperlinks. You can ignore the text under the View Your Web Page with a Browser heading. The method you've been using in this course works fine. Their method is more difficult than necessary.
  • Hyperlinks and Bookmarks
    • This page offers a quick reference to the different ways you can use the <a> and </a> tags.
  • Expanding the Mailto: tag
    • This page takes you to some tips on the mailto: attribute. You'll see how to add multiple recipients, CC and BCC recipients, and some body text for the message.
  • CSS Links
    • Here you can see more examples of using a:link, a:visited, a:hover, and a:active.

Chapter 7:

  • Bells and Whistles
    • This link leads to many free graphic images available from the Bells and Whistles Web site. To find images that you can use as dividing lines, look for links to horizontal rules under the Non-Animated Graphics (web graphics) and GIF Animated Graphics (web graphics) headings on the page. To copy a line to a folder on your own computer, right-click the line and choose Save Picture As. Make sure you right-click right on the line you wish to copy.
  • Absolute Web Graphics Archive
    • This link takes you to more graphic images predesigned for use as dividing lines. When you get to the page, click any category name to see lines within that category.
  • Lines for Web Design
    • Here you'll find still more graphic line images, organized into themes.
    • This link takes you to the first page of many animated graphic lines. Click the Next link at the top of each page to move on to the next line.
  • Box Model
    • Read the W3C's official documentation for the CSS box model.

Chapter 8:

  • Web Page Layouts Shouldn't Use Tables
    • This link takes you to a page that discusses creating page layouts the XHTML way, without using tables. You'll also find links to free page templates that use headers, footers, columns, and sidebars. We'll look at sidebars and columns in our next lesson.
  • Freelance Web Designers—What Does Your Web Site Say About You?
    • This page discusses the kinds of skills freelance web designers need to get hired. You'll notice XHTML mentioned in a couple of places.
  • Visual Formatting Model
    • Here you'll find all the W3C's technical specifications for laying things out on a Web page. I think it's more information than most people need to know and more technical than most people can understand. But it might be worth adding to your favorites for future reference.
  • Zen Garden: The Beauty of CSS Design
    • Here's a Web site that shows what professional graphic artists can do with XHTML and CSS. Links under the "Select a Design" heading take you to other pages with similar content but different designs. It's intimidating for folks just getting started with Web design (not to mention the nonartists among us!). But you just might come up with some good ideas for your own site by browsing through the designs.

Chapter 9:

Chapter 10:

  • Relatively Absolute
    • This link takes you to a brief but well-written (and nicely designed) page on CSS positioning.
  • Brainjar CSS Positioning
    • This is another tutorial on CSS positioning, which refers to static positioning as normal flow.
  • CSS Positioning, Part I
    • Here's another good tutorial on CSS positioning. Use the green arrow buttons at the end of each tutorial page to get to the next page.
  • CSS Positioning, Part II
    • This page picks up where CSS Positioning, Part I left off.
  • Visual Formatting Model
    • Here you'll find the official W3C documentation on positioning and related topics.
  • Colors and Backgrounds
    • This link discusses using background images without positioning schemes. It's the W3C official documentation for background images and colors.

Chapter 11:

  • Sequins by Eileen MIDI Files
    • Click this link to find free MIDI files to download. There are no ads to wade through. Just click any MIDI file link to listen. Right-click and choose Save Target As or Save Link As to download.
  • The Object Tag
    • This page shows examples of using the <object> tag. The author shows the results of testing the tag with many brands and versions of Web browsers. The site also provides links to many related online sources.
  • Bye Bye Embed
    • Here's another page that's chock full of examples of using the <object> tag to display video in Web pages.
  • Objects, Images, and Applets
    • This link takes you to the W3C's official <object> tag specification. As is typical of their site, the page is highly technical with few practical examples.
  • About Conditional Comments
    • This page is the technical reference from the Microsoft Developer Network about those mysterious comments.
  • MIME Types
    • Here's an extensive list of all the different MIME types supported by the <object> tag.
  • HubbleSite Movie Theater
    • Here you'll find plenty of free QuickTime, WMV, Flash, and MPEG-1 movies to download, just in case you want to practice working with some sample files.
  • AVS Video Tools
    • AVS Video Tools is a great tool for converting among different types of video files. Read all about it here. You can even download a try-before-you-buy version for free.

Chapter 12:

  • Clean up your Web pages with HTML TIDY
    • This link takes you to a page that describes the HTML Tidy program in detail. Some information is intended for programmers who work on the HTML Tidy project rather than people who use the program.
  • Help and FAQ for the Markup Validator
    • This page offers general help and answers to frequently asked questions about HTML validation services. If you don't understand why a page won't validate, this is a good place to look for an answer.
  • W3C Quality Assurance Tools
    • The W3C's main mission in life is to provide specifications and standards for XHTML, CSS, and other Web development languages. They also offer a variety of tools for validating pages. The Log Validator mentioned on this page lets you perform validation on multiple pages in a Web site.
  • Character Encoding
    • It's not necessary to know all the ins and outs of character encoding to be a top-notch Web developer. But if the term piqued your curiosity, this page will fill you in on all of the technical details.