Here are some excellent reference materials and cheat sheets for HTML And XHTML at appletree for all web programmers from the novice to the expert. HTML and XHTML are extensively used for creating and developing interactive web pages. These HTML And XHTML cheat sheets and reference materials here discuss a wide range of topics such as Core HTML, Character Entity Reference Chart, Framesets, DOM, best practices, and configuration options. The reference materials provided here are downloadable in pdf format, and can be used for future use.

 
 - XHTML Best Practice Cheat Sheet 230K   
 - Core HTML 712K   
 - HTML5 Canvas Cheat Sheet 153K    
 - HTML Character Entities Cheat Sheet 495K   
 - HTML Cheat Sheet 62K   
 - HTML DOM 65K   
 - HTML Help Sheet 104K   
 - HTML Help Sheet 02 1.9M   
 - HTML Tidy Configuration Options Quick Reference 148K   
 - Web Designer’s HTML Card 13M   
 - HTML 5 Cheat Sheet 3.0M   
 - What Beautiful HTML Code Looks Like 787K   
 - XHTML Character Entity Reference 163K   
 - XHTML Cheat Sheet 72K   
 - Character Entity Chart 121K   
 - HTML Cheat Sheet 342K   
 - HTML 5 Cheat Sheet 75K   
 - HTML Elements Coordinates 137K   
 - XHTML 1.0 Frameset 64K   
 - XHTML 1.0 Strict 62K   
 - XHTML 1.0 Transitional 64K 

Popularity: 62% [?]

Related Posts:

Excellent CSS Reference Sheet

Photoshop References and Cheat Sheets

XHTML Tutorial

1-page XHTML & CSS Tutorial

Flash and ActionScript References and Cheat Sheets

Tags for this post>> HTML | XHTML

Here is the Learn and Apply HTML Course, at Utah State University. These HTML course lessons are designed in a way that beginners can move onto advanced as and when they finish the course. The HTML course provides learning units on how the Internet works, how to use FTP (File Transfer Protocol) to publish web pages and how to make websites accessible to visitors with hearing, vision or motor disabilities. It also covers functions like inserting multimedia elements and graphics onto websites, understanding JavaScript and using scripts on your website. These HTML lessons are well structured and the related files can be downloaded here. Also, here is a nice page form the course site that describes all of the HTML tags. I recommend to use the pdf format of these HTML tutorial lessons because they contain the resource links to learn more about the topic being discussed. A portion of the book used in this course is available on google (Teach Yourself Web Publishing with HTML and XHTML in 21 Days).
 

Learn and Apply HTML Course Lessons:

The Basics
In this lesson you will be given an overview of HTML and begin your journey of learning some of the basic tags, or building blocks, of HTML. This tutorial section can be downloaded as a pdf document. Also the video versions are available as Video 1 and Video 2.

Links
In this lesson you will learn about links which give HTML the “H” for Hypertext in its name. This section can be viewed as a pdf document.

Formatting and CSS
Here you will learn some great information on formatting. CSS is the wave for building web pages which provides the stuff that formats the webpage and adds style to it. The respective pdf and video tutorials are available as PDF and Video.

Graphics
This lesson discusses graphics for web which will help you to create a great looking web page. Here is the pdf version of this tutorial.

Tables
This lesson explains about tables in HTML with which you can format data in your web page. The pdf version of the tutorial is available.

Accessibility
In this lesson you will learn about creating web pages that are accessible to persons with disabilities, and the lesson’s pdf edition.

HTML in Style
Here in this tutorial lesson you will learn about styles which are the current trend and most likely the future trend of web pages. The pdf format of this tutorial can be seen here.

Forms
Forms bring some power to the web by allowing your users to provide you with valuable information and for them to request information from you. Here you will learn about several form tags and elements, and the pdf tutorial can be downloaded here.

Multimedia
In this lesson you will learn some of the ways to include multimedia in your web page. The pdf version of the lesson is found here .

JavaScript
In this lesson you will get a brief overview of JavaScript. We will be covering some of the basics on JavaScript, and the pdf version can be downloaded here.

Evaluating Websites
Many web development companies will do an evaluation of their own website by a variety of methods. Here an activity to evaluate websites is drawn out to you. You can download the activity here.

Final Project
Here in this final section, you get the opportunity to build a functioning website. Your website can be anything you wish to create. The instructions can be found here.

Popularity: 25% [?]

Related Posts:

2 PowerPoint Tutorials

Advanced Microsoft PowerPoint 2003 Free Online Class

CSS Tutorial from Open-of-course.org

PowerPoint 2002 Tutorial

Dreamweaver Tutorial on Site Design and Management

Tags for this post>> HTML

Here are several HTML and CSS Tutorials and References, located at cherokeered.com, that can server as learning resources for most everything HTML and CSS, which are the most common technologies used in developing web pages. These HTML and CSS tutorials are categorized so that an aspiring web designer, a budding designer, and an advanced designer can all find training materials to suit their HTML and CSS learning needs.


HTML Tutorials:
The HTML beginner’s tutorial teaches you the essentials, and the intermediate guide adds a few nuts and bolts. The aim of the HTML advanced tutorial is to show how to fully exploit the features of HTML and how to optimize it for accessibility.

 - HTML – Beginner
 - HTML – Intermediate
 - HTML – Advanced


CSS Tutorials:
These CSS tutorials describe and explain CSS at beginner, intermediate and advanced levels. Included here are also double rollover and javascript rollover tutorials.

 - CSS – Beginner
 - CSS – Intermediate
 - CSS – Advanced
 - CSS – Syntax
 - CSS – Background Styles
 - CSS – CLASS + ID
 - Double Rollover via CSS
 - JavaScript Rollovers: How have multiple links change a single image


CSS and HTML Resources:
These learning resources from around the web provide further instructions and tips on creating, coding, and designing web pages using HTML and CSS.

 - HTML Dog
 - SUNY Albany: Introduction to Cascading Style Sheets
 - CSS Box Model
 - Cascading Style Sheets and Dreamweaver
 - A List Apart
 - Dynamic Drive
 - Style Gala: CSS Layout
 - Web Design 101: Floats
 - CSS Techniques Roundup – 20 CSS Tips and Tricks
 - CSS Tutorial
 - Guide to Cascading Style Sheets
 - Test your web design in different browsers

Popularity: 27% [?]

Related Posts:

CSS StyleSheet Tutorials and References

Microsoft Office Reference Cards

CSS Tutorial from University of Texas

2 CSS Tutorials and Guides

15 Free CSS Training Tutorials

Tags for this post>> CSS | HTML | Web Design

Here are HTML Tutorials and References at reference.sitepoint.com that provide understanding on how to create and manage websites using HTML. Most of these HTML tutorials are focused on various aspects of HTML, its tags, the structures, the attributes and the most commonly used concepts in HTML such as Doctypes, HTML and XHTML and accessibility features. These HTML tutorials are easy to follow and understand and have code samples provided for each topic. Each topic is followed by a short description of its related tags as well.


HTML Elements
This section describes the various elements available in HTML. These elements include structural, head, list, text formatting, table frame and window elements. Each of these elements is followed by a small description. Clicking on the element will display an in-depth explanation and its supportability.

 - Structural Elements
 - Head Elements
 - List Elements
 - Text Formatting Elements
 - Form Elements
 - Image and Media Elements
 - Table Elements
 - Frame and Window Elements
 - Deprecated Elements (to avoid using)
 - Proprietary & Nonstandard Elements
 - Alphabetic Element Index
 - Elements and Valid DTDs They May Appear In


Common Attributes of HTML
This section teaches all attributes that are common to all HTML elements, such as styling, scripting, title and class attributes. The attributes taught here include core attributes and event attributes such as key press, mouse click and mouse move.

 - Core Attributes
 - Event Attributes
 - Extended Event Attributes


HTML Concepts
This tutorial section explains when to use HTML and XHTML, their differences and covers high level concepts related to HTML and XHTML. Also discussed are DocTypes and the syntaxes of HTML and XHTML.

 - Basic Structure of a Web Page
 - Doctypes
 - HTML and XHTML Syntax
 - HTML Versus XHTML
 - HTML/XHTML Accessibility Features


HTML Extras
This tutorial covers additional information about HTML other than attributes and elements such as MIME types, ISO Language Codes and Color names and their related Hex values.

 - Color Names and Related Hex Values
 - ISO 2 Letter Language Codes
 - MIME Types – Complete List


HTML Microformats
This HTML tutorial covers the concept of HTML Microformats which were introduced as a defined set of attributed based on a preexisting standard. Microformats are meant to provide additional formatting in the HTML tags that use them. This tutorial explains Microformats in detail and provides examples for them.

 - hCard
 - hCalendar
 - XFN
 - hReview
 - VoteLinks
 - rel-license
 - rel-nofollow
 - rel-tag

Popularity: 18% [?]

Related Posts:

CSS StyleSheet Tutorials and References

Microsoft Office Reference Cards

CSS Tutorial from University of Texas

2 CSS Tutorials and Guides

15 Free CSS Training Tutorials

Tags for this post>> HTML

Here are Web Development Tutorials for Beginning HTML and Advanced HTML, at Metamorphosis Design that teach the fundamentals of using HTML in web pages. These HTML tutorials are designed in a way that beginners can move onto advanced tutorials as they finish the initial tutorials. These tutorials are easy to follow and understand with all of them having examples.


HTML Tutorials for Beginners
These 6 tutorials describe how to use HTML to initially create Web pages and use HTML tags. Two different editors used for web page creation and editing are also discussed.

 - Introduction
 - Defining Terms
 - What is HTML(Part I)
 - What is HTML(Part II)
 - What is HTML(Part III)
 - Dreamweaver vs FrontPage


Advanced HTML Tutorials
These 15 tutorials and articles cover more advanced HTML topics, including its history, the necessities to start building web pages, the structure of an HTML document and editing code.

 - Short History Of The Internet.
 - What is necessary to start building web pages?
 - Structure Of The HTML Document.
 - Section of document HEAD(<TITLE> tag)
 - Connection With Other Documents
 - Tag <BASE>
 - Tag <LINK>
 - Tag <META>
 - Starting New HTML Documents.
 - Basic HTML TAGs.
 - Basic BODY TAGs.
 - Making Your Code Editable.
 - Using Style Sheets in Your Web Site.
 - Defining Colors by Name.
 - Names and codes of colors for HTML

Popularity: 26% [?]

Related Posts:

67 PHP Tutorials

Microsoft Office Workshop Tutorial Training Handouts

Training Handouts for Microsoft Office Applications

Beginning Web Animation with Flash MX Free Course with Instructor

JavaScript Tutorials for Beginners and Programmers

Tags for this post>> HTML | Web Design

Here are some of the best Browser, CSS, and HTML / XHTML Tutorials found at alistapart.com. These web development tutorials explain how Browsers, CSS, HTML and XHTML are used in developing many features of today’s web pages. All web servers and browsers support these technologies and thus any web programmer can make professional looking web pages. These CSS, HTML and XHTML tutorials are easy to follow, understand and implement.


Browser Tutorials:
How well does a browser handle content and data from different sources? Can all the design, code and applications interface and survive on one common platform without conflict? These tutorials discuss standards that should be followed while developing for the web so that these components can talk to each other without conflict. It also covers topics that include version targeting, positioning and HTML semantics.

 - Advanced Debugging with JavaScript
 - Semantics in HTML 5
 - Return of the Mobile Style Sheet
 - Understanding Progressive Enhancement
 - Faux Absolute Positioning
 - They Shoot Browsers, Don’t They?
 - Version Targeting: Threat or Menace?
 - Keeping Your Elements’ Kids in Line with Offspring
 - From Switches to Targets: A Standardista’s Journey
 - Beyond DOCTYPE: Web Standards, Forward Compatibility, and IE8


CSS Tutorials:
CSS is a language used to present a document in a mrkup language. HTML and XHTML use CSS to style web pages to be displayed in them. These tutorials explain how CSS can be effectively used in web pages to define color, fonts, layout and presentation. It also provides code samples to write simple CSS sheets and execute them.

 - Fluid Grids
 - Return of the Mobile Style Sheet
 - Progressive Enhancement with CSS
 - Understanding Progressive Enhancement
 - CSS Sprites2 – It’s JavaScript Time
 - Faux Absolute Positioning
 - Accessible Data Visualization with Web Standards
 - Version Targeting: Threat or Menace?
 - Keeping Your Elements’ Kids in Line with Offspring
 - Beyond DOCTYPE: Web Standards, Forward Compatibility, and IE8


HTML and XHTML Tutorials:
HTML and XHTML go hand in hand as XHTML has the same syntax as HTML and are inline with XML standards. These tutorials help explain how HTML and XHTML work with CSS and Javascript. They also explain how Javascript is used with CSS to style web pages and how they can be centrally located.

 - Fluid Grids
 - Semantics in HTML 5
 - Return of the Mobile Style Sheet
 - A More Useful 404
 - Progressive Enhancement with JavaScript
 - Progressive Enhancement with CSS
 - Understanding Progressive Enhancement
 - CSS Sprites2 – It’s JavaScript Time
 - Faux Absolute Positioning
 - They Shoot Browsers, Don’t They?

Popularity: 32% [?]

Related Posts:

XHTML Tutorial

HTML And XHTML References and Cheat Sheets

1-page XHTML & CSS Tutorial

Mobile Web Programming Tutorials

22 HTML and XHTM Training Tutorials

Tags for this post>> CSS | HTML | Web Programming | XHTML

This is a quick 1-page HTML Tutorial, from Brown University. It goes over the basics of coding HTML for your web pages, as shown in the contents below. HTML (or Hypertext Markup Language) is the actual code that web pages are written in. HTML controls the structure of your webpage (where things are placed on the screen) as well as some aspects of the appearance (how text and other items are displayed).

Although you can develop web pages using a graphical user interface using applications such as Dreamweaver and FrontPage without learning or using HTML, HTML is still useful for tweaking and making those webpages more exciting and efficient. Therefore, using these applications along with manually editing the HTML code can make you a more effective web site developer and designer.


Contents of this 1-page HTML Tutorial:

 - Web Publishing Process
 - Tag Basics
 - Simple HTML Page
 - Tag Properties
 - Images
 - Links
 - Special Characters and More on White Spaces
 - Lists
 - Naming and Coding Conventions
 - Resources

Popularity: 24% [?]

Related Posts:

Simple HTML Tutorial

HTML, Javascript, and MySQL Tutorials

Photoshop and Web Development Programming Tutorials

Tutorials for Microsoft FrontPage

Web Page Authoring Course

Tags for this post>> HTML

Here are two free online classes for learning how to create web pages. The first one teaches you how to use and code HTML to develop your web pages, and the second one show you how to use Microsoft Expression Web software. These courses are located in HP’s Learning Center, in their Programming and Web Design and Development class section. Free registration is required.


Building your First Web Page

There are a lot of easy web editors available to help you make your own web pages, but this free HTML tutorial includes the HTML basics you need to make your web pages from scratch. In this course, you’ll create your first web page with HTML and then publish it online. You’ll also learn how to find the right HTML editor, work with website images, and more.

Lesson 1: HTML basics: the language of the web
Get started by exploring the web—what it is, how it works, and which languages it speaks (like HTML, for instance). You’ll learn about the essentials of what you need to create a simple web page, and which tools and software to try.

Lesson 2: HTML tutorial: document structure and text
In this lesson, you’ll take a tour of the building blocks of HTML. The core part of the lesson examines syntax and attributes, document structure, and headings and paragraphs. Those are weighty words for easy-to-use elements that make up a web page.

Lesson 3: Beyond plain text: images, text formatting, and hyperlinks
With the basics down, you’re ready to add some spice to your web page. In this lesson, you’ll find out how to create a simple navigational system using hyperlinks, add images, and control text color, size, and placement.

Lesson 4: Web publishing: putting your page online
Publishing your web page is the final step. In this lesson, you’ll learn how to find an ISP that’s right for you. In addition, you’ll explore hosting options (free and fee-based), take a look at space considerations, and, finally, post your page.


Microsoft Expression Web: Building Websites

This class covers the basics for creating a website with Microsoft’s Expression Web with features such as toolbars, formatting, page layouts and link creation. With this easy website creation software, you’ll apply cascading style sheets, then learn how to create complex queries, how to configure the software for different browsers and how to create interactive web pages with ASP.NET 2.0 capabilities.

Lesson 1: The basics for creating a website
A website presence on the internet for your company is a necessity. This lesson introduces you to the Expression Web software, explains what is needed in a small business website design and helps you start the planning process for your site.

Lesson 2: Cascading style sheets examples
Creating elegant websites is no longer a chore now that cascading style sheets (CSS) are available. In this lesson, you’ll learn how to work with Microsoft Expression Web software’s CSS capabilities to create styles.

Lesson 3: How to build a web page with presence and accessibility
Accessibility, compatibility, query capabilities and data presentation are important aspects of a competitive, functioning website. Learn how to configure and manage Microsoft Expressions Web software to create, present and maintain meaningful content.

Lesson 4: Leveraging ASP.NET 2.0 to make your own website dynamic
In this final lesson, you’ll learn how to work with ASP.NET to make your website an interactive, dynamic web application. We’ll address controls, no-code date binding and master pages.

Popularity: 42% [?]

Related Posts:

Free Online Class on How to Build Your First Web Site

4 Free Word 2007 Classes

15 Free CSS Training Tutorials

Free Online Classes and Tutorials for MS Office, Windows, Life Skills

6 Free Excel 2007 Classes

Tags for this post>> HTML

Here are 45 Tutorials covering Web Design, CSS, and HTML at woork.blogspot.com. These web development and design tutorials are included in this site’s Woork Handbook, which is a free eBook that teaches CSS, HTML, Ajax, and web programming.


12 Website Design Tutorials and Tips:

 - Step by step guide for newbie to design a simple web application
 - Set up your Workspace
 - A typical website structure
 - Config.php: define your database connection’s parameters
 - Design the page layout using CSS
 - Conceptual design for index.php page layout
 - Load page using URL variables and PHP include() function
 - Load pages using URL variables and Coldfusion cfinclude tag
 - A typical website structure (Coldfusion)
 - Web Navigation bar using CSS, PHP and URL variables
 - Web Navigation bar using CSS, Coldfusion & URL variables
 - Add #navbar elements to default.css file and to index.php


33 CSS, HTML, Web Design Tutorials and Tips:

 - Structured process you must know to develop a web application
 - Useful guidelines to improve CSS coding and maintainability
 - CSS coding: semantic approach in naming convention
 - Simplicity is better: some suggestions for a clean blog layout
 - Are you a CSS fanatic?
 - Liquid layer with rounded corners using css
 - CSS Tutorial to Optimize CSS files to improve code readability
 - Three column fixed layout structure using CSS
 - Digg-like navigation bar using CSS
 - Simple CSS vertical menu Digg-like
 - Table’s anatomy: why tables are not so bad
 - Liquid styled input element with CSS
 - Flickr like horizontal menu
 - Socialiconize your site
 - Tabbed search bar using CSS and Javascript
 - Beautiful CSS Form
 - Liquid expandable section with rounded corners using CSS
 - How to design a compelling header for your site using CSS
 - Write a well structured CSS file without becoming crazy
 - CSS Tutorial for Perfect Pagination Style
 - Clean Tab Bar Digg-like using CSS
 - CSS Message Box collection
 - Two CSS vertical menu with show/hide effects
 - Nice comments counter style for your blog post
 - Top-Down approach to simplify your CSS code
 - Use CSS to Create a Pastel Color Menu with Dynamic Submenu
 - Beautiful CSS buttons with icon set
 - Clean and pure CSS FORM design
 - Nice CSS menu with feed reader icons list
 - Navigation bar with tabs using CSS and sliding doors effect
 - Nice login and signup panel Newsvine like using CSS
 - Tips to design your site for mobile devices
 - Elegant glass style Navigation bar using CSS & toggle animated effect

Popularity: 57% [?]

Related Posts:

Web Design and Graphics Tutorials

Tutorials for Web Design, Web Programming, and HTML, CSS

Free Web Design Skills Training Course

HTML and CSS Tutorials

Free Training for Photoshop, Illustrator, Dreamweaver, Flash

Tags for this post>> CSS | HTML | Web Design | Web Programming

Here are some excellent HTML and CSS References and many useful HTML and CSS Coding Examples, from Java2s.com. These web development support documents will help you build your HTML and CSS skills with developing web sites. Areas covered include CSS Attributes, HTML Attributes, and all HTML Tags.


HTML and CSS References

1.  CSS Attributes and Javascript Style Properties
2.  HTML Attributes Reference
3   HTML Tag Reference


HTML and CSS Code and Examples

1.  Background Attributes
2.  Basic Attributes
3.  Basic Tags
4.  Box Model
5.  CSS Attributes and Javascript Style Properties
6.  CSS Controls
7.  Form Attributes
8.  Form Style
9.  Form Tags
10. Frame Attributes
11. Frame Tags
12. HTML
13. IE Firefox
14. Images
15. Layout
16. Layout Attributes
17. Link Attributes
18. Link Tags
19. List Attributes
20. List Style
21. List Tags
22. Marquee Attributes
23. Meta Tags
24. Microsoft Attributes
25. Object Attributes
26. Object Tags
27. Reference
28. Style Basics
29. Styles Tags
30. Table Attributes
31. Table Style
32. Table Tags
33. Text
34. Text Attributes
35. Text Tags
36. XML

Popularity: 52% [?]

Related Posts:

CSS StyleSheet Tutorials and References

6 Web Design and Development Posts

HTML and CSS Tutorials

Microsoft Project Slides, Examples, and Tutorial

5 Free Chapters from Web Design: The Complete Reference

Tags for this post>> CSS | HTML

Here are the HTML and CSS Tutorials hosted bytesizeoffice.co.uk. These will teach you several important topics with creating and designing web pages using HTML and CSS.


HTML and CSS Tutorials:

Part One 
Website introduction, web site addresses, web site files – HTML Files, Style Sheets, Image Files.
 
Part Two
Make a Web Page, example web files, example HTML files

Part Three
Styles Sheets, How to specify a Style sheet, Cascading Style Sheets.

Part Four
Common Style Properties and Values, Style Sheet Properties, Style sheet Size Values, Style Sheet Colours, Common Style Sheet Properties

Popularity: 4% [?]

Related Posts:

Access 2000-XP Tutorial

Excel 2000-XP Tutorials from Bytesizeoffice.co.uk

Word 2000-XP Tutorials from Bytesizeoffice.co.uk

5 Excel 2007 Tutorials

4 PowerPoint 2007 Tutorials

Tags for this post>> CSS | HTML | Web Design

Linuxtopia.org offers the following HTML Tutorials and How Tos for learning how to use HTML to design and develop web pages and web sites. Many HTML tags and topics here are covered. These tutorials show you how use HTML by using examples for each feature and tag being presented.


HTML How To Tutorials

• HTML Anchors and Links Tutorial
  
  
• HTML and Java Applets Tutorial
  
  
• HTML Special Characters Tutorial
  
  
• HTML Document Tags Tutorial
  
  
• HTML Embedded Objects Tutorial
  
  
• HTML Fonts Tutorial
  
  
• HTML Forms Tutorial
  
  
• HTML Frames Tutorial
  
  
• HTML Ignore-Me Code Tutorial
  
  
• HTML Images Tutorial
  
  
• HTML Lines and Paragraphs Tutorial
  
  
• HTML Lists Tutorial
  
  
• HTML Logical Tags Tutorial
  
  
• HTML and Scripts Tutorial
  
  
• HTML Sounds Tutorial
  
  
• HTML Cascading Sytle Sheets (CSS) Tutorial
  
  
• HTML Table Tutorial
  
  
• HTML Marquees and Multi-Columns Tutorial

Popularity: 19% [?]

Related Posts:

HTML, Javascript, and MySQL Tutorials

HTML and CSS Tutorials

Web Page Authoring Course

324 HTML Tutorials

Learning HTML 4.01 and Website Tutorials

Tags for this post>> HTML

Here are two HTML Tutorials and a CSS Tutorial from the University of Texas. These will help you learn the fundamentals of both HTML markup language and CSS (cascading style sheets) to design and create your web pages and web sites.


Basic HTML Tutorial

• Basic Tags
• Text Formatting Tags
• Headline Tags
• Lists
• Colors
• Links & Images
• Additional Resources
• Evaluate this Tutorial
  

Even More HTML Tutorial

This HTML tutorial teaches you how to create a web page resume using a text editor with HTML. It shows you how to center and justify text, create tables in HTML, build lists, insert a footer, and add meta tags. 

Objectives of this HTML Tutorial:

• Center and justify text
• Design a web page table with rows and columns of text
• Write the HTML for an invisible table that creates side-by-side columns
• Create a table that has different colored cells
• Build a list of items with indented text block definitions
• Insert a footer at the bottom of your Web page
• Add embedded information that will help others find your site using Internet searches

Even More HTML Tutorial Contents:

• Text Alignment
• Tables: Basics
• Nested Tables
• Experience Table
• Definition Lists
• Anchors
• Colors & Links
• Other Tags
• Tutorial Handout
• Evaluate this tutorial

What Is CSS?

CSS is an acronym for Cascading Style Sheets. A style sheet is a text file coded to control the rendering and display of web content marked up using HTML. Style sheets are used to make it easier to manage a web site because a single style sheet can control multiple web pages. Using CSS on your web site permits more flexibility, saves time, provides for more efficient site maintenance, and decreases download times.

CSS Tutorial Contents:

• Style vs. Markup
• Syntax & Rules
• Methods of Use
• Writing a Style Sheet
• Text Formatting
• CSS Roll-Overs
• CSS Spacing
• Putting It All Together
• CSS Resources
• Evaluate this Tutorial

Popularity: 3% [?]

Related Posts:

HTML, Javascript, and MySQL Tutorials

HTML Tutorials and How Tos

HTML and CSS Tutorials

Learning HTML 4.01 and Website Tutorials

Techtopia’s HTML Tutorials

Tags for this post>> CSS | HTML | Web Design

Here are several excellent HTML and CSS Tutorials, from csshtmltutorial.com, that show and teach you these web development coding techniques using examples and asking you to enter your own code to see how it works and looks in the browser.


HTML Tutorials

Introduction to HTML

Learn what HTML is, what the basic structure of an HTML document and about HTML tags, attributes and elements.
basic HTML tags

Learn the basic HTML tags that are used when making web pages, such as the <title> tag, the <p> tag, the <head> tag and more.
HTML link code tutorial

This tutorial shows you how to make links, how to open links in a new web browser window, how to use images as links and more.
HTML image code tutorial

Learn how to place images on your web sites.
HTML list code tutorial

This tutorial shows you how to make the 3 kinds of list that are supported in HTML: ordered, un-ordered and definition.
HTML table code tutorial

This tutorial shows you how to make tables in HTML.
HTML form code tutorial

Learn about forms in HTML and how to make them.


CSS Tutorials

Introduction to CSS
Learn what CSS is and how to apply it to your web pages.

CSS background code tutorial
CSS can be used to define the background effects of a web page. Learn how to set the background color of a web page, how to set an image as the background and more.

CSS text code tutorial

CSS font code tutorial

CSS border code tutorial

CSS margin code tutorial

CSS padding code tutorial

CSS list code tutorial


Free Tools

Free Website Hit Counters
Track the number of visitors to your websites or web pages by adding a hit counter to your web pages. There are different styles to choose from.

Google Page Rank Tool
See what the Google page rank of the web page that you are viewing is by placing a Google page rank button on the web page.

Popularity: 19% [?]

Related Posts:

HTML, Javascript, and MySQL Tutorials

HTML and CSS Tutorials

HTML Tutorials and How Tos

Web Page Authoring Course

324 HTML Tutorials

Tags for this post>> CSS | HTML | Web Design

HTML is Hyper Text Markup Language and is what the web is based on from the simplest to the most complex web site. If you are a Web Developer or Designer, or an aspiring one, you will need to understand HTML and know how to use it when creating and developing web pages. This tutorial article from Sitepoint, titled Bulletproof HTML: 37 Steps to Perfect Markup, highlights and answers some of the most frequently asked questions about HTML. 

Contents of 37 Steps to Perfect Markup (HTML):

1. What is HTML?
2. What are the different versions of HTML?
3. What about XHTML?
4. Is HTML case-sensitive?
5. What does the DOCTYPE declaration do?
6. What is a DTD?
7. What is the difference between Strict, Transitional and Frameset DTDs?
8. Which DOCTYPE should I use?
9. Why should I validate my markup?
10. Why does HTML allow sloppy coding?
11. Why does the validator complain about my <embed> tag?
12. What does character encoding (charset) mean?
13. What is a BOM?
14. What encoding should I declare?
15. How do I insert characters outside the encoding range?
16. Why do I need to write &amp; instead of just &?
17. How should heading elements be used?
18. What are block-level and inline elements?
19. Can I make an inline element block-level with CSS?
20. Why are external CSS and JavaScript files a good idea?
21. Should I use p or br?
22. What does “semantic” mean?
23. Should I replace b and i with strong and em?
24. Why are layout tables considered harmful?
25. Should I use divs instead of layout tables?
26. Are tables deprecated?
27. What is the correct use of the address element type?
28. What is the correct use of the dfn element type?
29. What is the correct use of the var element type?
30. Should I use quotation marks within or around a q element?
31. What is the difference between abbr and acronym?
32. Why is <feature X> deprecated?
33. Must I have an alt attribute for every image?
34. What is the difference between class and id?
36. Why doesn’t <a href=My Cool Page.html> work?
37. How can I include an HTML page in another HTML page?

Popularity: 3% [?]

Related Posts:

Mobile Web Programming Tutorials

29 Photoshop Video Tutorials

The XML FAQ: Frequently-Asked Questions on the Extensible Markup Language

Perl Tutorial

33 Adobe Acrobat Tutorials

Tags for this post>> HTML | Web Design

Here is a great free online book, titled Sams Teach Yourself HTML 4 in 24 Hours. This will teach you all about HTML, how to code, how to design your graphics, build your web pages and make them dynamic, and get your site online as fast as possible. It is targeted towards the beginners, but will also be useful for more advanced web site developers. Some of the HTML topics it covers includes the following: How HTML and XML work, Publishing Your Web Pages, Text Alignment and Formatting, HTML Forms, Web Page Graphics, Backgrounds and Colors, Page Design and Layout, Graphical Links and Imagemaps, Advanced Layout using Tables, Using Style Sheets, Embedding Multimedia in Web Pages, Interactive Web Pages, Web Scripting, Using Dynamic HTML, and Organizing and Managing a Web Site. A complete HTML 4 Quick Reference is also included in the appendix.


Table of Contents of Sams Teach Yourself HTML 4 in 24 Hours

  » About the Author
  » Acknowledgments
  » Tell Us What You Think!
  » Put Your HTML Page Online Today

  » I. Your First Web Page
  » Hour 1. Understanding HTML and XML
  » Hour 2. Create a Web Page Right Now
  » Hour 3. Linking to Other Web Pages
  » Hour 4. Publishing Your HTML Pages

  » II. Web Page Text
  » Hour 5. Text Alignment and Lists
  » Hour 6. Text Formatting and Font Control
  » Hour 7. Email Links and Links Within a Page
  » Hour 8. Creating HTML Forms

  » III. Web Page Graphics
  » Hour 9. Creating Your Own Web Page Graphics
  » Hour 10. Putting Graphics on a Web Page
  » Hour 11. Custom Backgrounds and Colors
  » Hour 12. Creating Animated Graphics

  » IV. Web Page Design
  » Hour 13. Page Design and Layout
  » Hour 14. Graphical Links and Imagemaps
  » Hour 15. Advanced Layout with Tables
  » Hour 16. Using Style Sheets

  » V. Dynamic Web Pages
  » Hour 17. Embedding Multimedia in Web Pages
  » Hour 18. Interactive Pages with Applets and ActiveX
  » Hour 19. Web Page Scripting for Non-Programmers
  » Hour 20. Setting Pages in Motion with Dynamic HTML

  » VI. Building a Web Site
  » Hour 21. Multipage Layout with Frames
  » Hour 22. Organizing and Managing a Web Site
  » Hour 23. Helping People Find Your Web Pages
  » Hour 24. Planning for the Future of HTML

  » VII. Appendixes
  » A. Readers’ Most Frequently Asked Questions
  » B. HTML Learning Resources on the Internet
  » C. Complete HTML 4 Quick Reference
  » D. HTML Character Entities

Popularity: 5% [?]

Related Posts:

Photoshop and Illustrator Free Books

Teach Yourself Microsoft Office FrontPage 2003 In 24Hours eBook

5 Books for Microsoft Office 2003: Word, Excel, PowerPoint, Outlook, Access

6 Free MS Office eBooks: Word, Excel, Powerpoint, Outlook, Access

8 Free Books on JSP, PHP, MySQL, Apache, Perl, ASP.Net

Tags for this post>> HTML | Web Design

Here is an excellent free HTML 4 and CSS 2 Reference Help Ebook. It also includes a short step-by-step course to help you on developing your first web page.. Here is the download for this HTML and CSS reference ebook.

Contents:

• CSS 2 overview 
• CSS 2 Syntax
• Sample Style Sheet

• HTML4 Overview                                        
• HTML4 Syntax – by group
• HTML 4 Syntax – Alphabetical
• Color Reference

Popularity: 8% [?]

Related Posts:

Free Dreamweaver MX Reference eBook

eBooks for Photoshop, Illustrator, Fireworks, Flash, and Dreamweaver

Free Macromedia Dreamweaver 8 Ebook

Free Flash Ebook

Reference Books for Microsoft Project and Visio

Tags for this post>> CSS | HTML

Here is an excellent HTML Ebook which will help you increase your HTML skills in regards to its syntax, semantics, and elements of style. This HTML ebook provides lots of well-coded examples  to use to practice with when writing your web pages. It is slightly dated, as it only teaches HTML ver. 4.0, but it offers a whole chapter on CSS, which you need to fully read and understand. The book also offers design and style recommendations that will help attract visitors and make your site accessible. You do not need to have any HTML experience to read and use the HTML lessons and examples presented. (4542kb, 588 pages, pdf format)

Table of Contents:

• Preface
• Chapter 1: HTML and the World Wide Web
• The Internet, Intranets, and Extranets 
• Talking the Internet Talk 
• HTML: What It Is 
• HTML: What It Isn’t 
• Nonstandard Extensions 
• Tools for the HTML Designer
• Chapter 2: HTML Quick Start
• Writing Tools 
• A First HTML Document 
• HTML Embedded Tags 
• HTML Skeleton 
• The Flesh on an HTML Document 
• HTML and Text 
• Hyperlinks 
• Images Are Special 
• Lists, Searchable Documents, and Forms 
• Tables 
• Frames 
• Style Sheets and JavaScript
• Chapter 3: Anatomy of an HTML Document
• Appearances Can Deceive 
• Structure of an HTML Document 
• HTML Tags 
• Document Content 
• HTML Document Elements 
• The Document Header 
• The Document Body 
• Editorial Markup 
• Chapter 4: Text Basics
• Divisions and Paragraphs 
• Headings 
• Changing Text Appearance 
• Content-based Style Tags 
• Physical Style Tags 
• Expanded Font Handling 
• Precise Spacing and Layout 
• Block Quotes 
• Addresses 
• Special Character Encoding
• Chapter 5: Rules, Images, and Multimedia
• Horizontal Rules 
• Inserting Images in Your Documents 
• Document Colors and Background Images 
• Background Audio 
• Animated Text 
• Other Multimedia Content
• Chapter 6: Document Layout
• Creating Whitespace 
• Multicolumn Layout 
• Layers
• Chapter 7: Links and Webs
• Hypertext Basics 
• Referencing Documents: The URL 
• Creating Hyperlinks 
• Creating Effective Links 
• Mouse-Sensitive Images 
• Creating Searchable Documents 
• Establishing Document Relationships 
• Supporting Document Automation
• Chapter 8: Formatted Lists
• Unordered Lists 
• Ordered Lists 
• The <li> Tag 
• Nesting Lists 
• Directory Lists 
• Menu Lists 
• Definition Lists 
• Appropriate List Usage
• Chapter 9: Cascading Style Sheets
• The Elements of Styles 
• Style Syntax 
• Style Properties 
• Tag-less Styles: The <span> Tag 
• Applying Styles to Documents
• Chapter 10: Forms
• Form Fundamentals 
• The <form> Tag 
• A Simple Form Example 
• Using Email to Collect Form Data 
• The <input> Tag 
• Multiline Text Areas 
• Multiple Choice Elements 
• General Form Control Attributes 
• Labeling and Grouping Form Elements 
• Creating Effective Forms 
• Forms Programming
• Chapter 11: Tables
• The HTML Table Model 
• Table Tags 
• New HTML 4.0 Table Tags 
• Beyond Ordinary Tables
• Chapter 12: Frames
• An Overview of Frames 
• Frame Tags 
• Frame Layout 
• Frame Contents 
• The <noframes> Tag 
• Inline Frames 
• Named Frame or Window Targets
• Chapter 13: Executable Content
• Applets and Objects 
• Embedded Content 
• JavaScript 
• JavaScript Style Sheets
• Chapter 14: Dynamic Documents
• An Overview of Dynamic Documents 
• Client-Pull Documents 
• Server -Push Documents
• Chapter 15: Tips, Tricks, and Hacks
• Top of the Tips 
• Trivial or Abusive? 
• Custom Bullets 
• Tricks with Tables 
• Transparent Images 
• Tricks with Windows and Frames
• Appendix A: HTML Grammar
• Appendix B: HTML Tag Quick Reference
• Appendix C: Cascading Style Sheet Properties Quick Reference
• Appendix D: The HTML 4.0 DTD
• Appendix E: Character Entities
• Appendix F: Color Names and Values

Popularity: 5% [?]

Related Posts:

Free Flash Ebook

16 eBooks and Books for Photoshop and more

Free Microsoft FrontPage 2002 Tutorial eBook:

Free Ebook for Microsoft Office Word 2000

Macromedia Flash 8 Ebook

Tags for this post>> HTML

California State University Northridge is offering the following HTML and Web Design Training Guides on their self-study training web site. These will help you get started with creating web pages, learning how to code HTML, and also help you think about your web site design strategy, guiding you on style, purpose, and organization.


HTML: Beginner’s Guide

This document provides basic instructions for coding in Hypertext Markup Language (HTML) to create a Web page (an HTML file) on your desktop computer.

Introduction

• Creating a Web Page
• Publishing Your Web Page
• Additional Information

Creating an HTML File

• Before You Begin
• Open a Text Editor and Get Started
• Coding Your File 
• Required Codes
• Quick Formatting
• Other Formatting Tags 
• Breaks
• Headings
• Lists
• Links
• Coding Samples

Saving & Viewing Your HTML File

• Saving Your Document
• Viewing Your Document

Updating (Revising) a Web Page
Style Suggestions
How to Learn More About HTML
Appendix: Sample HTML-Coded Documents


Design and Accessibility

Designing an Effective Web Page

A Web page is a place people visit to obtain information. Web pages can be informational (such as those maintained by CSUN organizations such as University departments) or personal  (as in the case of individuals who wish to communicate something about their own backgrounds and interests). For a business Web page, there may be an interest in marketing products or services. 

When you design a Web page, think about such things as purpose, organization, and style, as well as copyright laws and plagiarism. Making your pages readable to all who view them is also important (see next section).


How to Make Your Web Pages ADA Compliant

Some Accessibility Suggestions

Following are some general suggestions for helping to make your pages readable to all who view them. 

Hearing Access
Visual Access
Mobility Access
Cognitive Access
The Text-Only Alternative
Other Sources
Questions?

Popularity: 3% [?]

Related Posts:

6 Free Web Design Guides

Web Design Reference Guide

6 Photoshop Tutorials

Microsoft Office Articles and Training Tutorials for all Applications

4 Excel 2003 Training Guides and Tutorials

Tags for this post>> HTML | Web Design

This new software tutorial web site, In Pictures, hosts and offers free online computer Tutorials. This blog post details and links to their free HTML and CSS Tutorials. These HTML and CSS tutorials will help you learn how to use HTML and CSS. The tutorials on this site are based on pictures, or illustrations and screen shots demonstrating the tasks and features being taught. These software tutorials were developed as part of a research study performed for the U.S. Department of Education. Every user who completed  these illustrated HTML and CSS tutorials reported that they were able to learn and understand HTML and CSS more quickly and easily compared to using traditional software training methods.

 
HTML & CSS Tutorials using Pictures


HTML Basics

• Create Web pages
• Employ style sheets
• Format text
• Create links
• Insert graphics
• Link multiple pages
• Change colors

Navigation & Layout

• Lay out pages using CSS
• Create navigation bars
• Employ multiple levels

Interactivity

• Employ forms
• Upload to a Web server

Advanced Layout

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

Popularity: 3% [?]

Related Posts:

Fireworks 8 Tutorials from In Pictures

Word Picture Tutorial and Word Hints and Tips

Excel 2003 Tutorials using Pictures

Publisher 2003 Tutorials using Pictures

PowerPoint 2003 Tutorials using Pictures

Tags for this post>> CSS | HTML