Free Web Design, Development and Programming Training and Tutorial Resources




    



February 11, 2011

HTML and XHTML Tutorial

Here is a good HTML and XHTML Tutorial, from State University of New York-Albany. The following is from this tutorial’s introduction:

HTML (Hyper Text Markup Language) and XHTML (Extensible Hyper Text Markup Language) are the markup language from which all Web pages are built. Although there are new types of technology and coding options, including PHP, ASP, XML and others, traditional markup language is the place where “all things Web” starts. Some Web editing software publishers claim that it is not necessary to know HTML if you use their programs to build Web pages. However, this is rarely the case. In almost every instance at least some knowledge of HTML and XHTML is helpful.

In this tutorial we will guide you through the basics of writing HTML/XHTML code. It is important to realize that there is no better way to learn and understand the code than to actually write and use it. This tutorial will get you started on your first steps toward becoming knowledgeable about the code. You may download a printable copy of this HTML tutorial here in pdf format (43 pages, 1.08mb). You may expect this tutorial to take about 45 mintues to 1 hour if you work through it quickly. To fully explore it will take 1 hour to 1 1 1/2 hour.


HTML/XHTML Tutorial Contents:

 - About HTML/XHTML
 - Technique
 - Tools
 - Web vs. Print
 - Getting Started
 - Setting Up the Basic Code
 - Adding and Formatting Text
 - Nesting Tags
 - Advanced Text Formatting
 - Color and the Web
 - Headings
 - Lists
 - Links
 - Layout and Tables
 - Advanced Table Formatting
 - Images
 - Putting It All Together
 - Adding An Image
 - Adding A Simple Table
 - Main Body Information
 - Finishing Touches
 - If You Continue On

Most Commonly Used HTML/XHTML Tag List
The most commonly used HTML and XHTML tags are presented on this page in an easy-to-use format.



Tags for this post>> |

January 7, 2011

How to Build HTML eBook

Here is a 75-page instructional ebook that will teach you how to code HTML to build web pages and sites, titled How to Build HTML. Click on the link to the pdf file on this page. This will help you learn the details of HTML so will be able to code it and update it when needed. Many times you will already have the code there, created from an application like Dreamweaver, but sometimes it makes sense to review parts of the code and actually make updates directly in the code to get what you want on your web page. Of course, using CSS will make some of the HTML tags obsolete, but this HTML ebook will help you review and change the HTML code as needed. Please note the links in the ebook to download the templates no longer work. (75 pages, 364kb, pdf)


Table of Contents of How to Build HTML ebook:

 - The Basics
 - The Common Tags
 - More Common Tags
 - A little more tags
 - Extended Fonts and Text Color
 - Links and Images
 - Lists
 - Clean code, comments, and escape codes
 - Navigation within a document
 - Tables
 - Using Frames
 - Using Meta Tags
 - Forms
 - Forms continued
 - Counters and Search Engines
 - Graphics
 - HTML Style Basics



Tags for this post>> |

March 22, 2010

4 HTML Reference Guides

Here are 4 HTML Reference Guides, from Ohio University, which provide technical references into the intricacies of HTML, web forms, CGI scripts, frames, HTML tags, creating HTML files, and testing these files. These HTML tutorial guides are designed in a way that beginners can move onto advanced topics easily. They are easy to follow and understand with all of them having examples. All guides can be downloaded for later reference and are in pdf format.


HTML Advanced Reference Guide 16 Pages, 154 Kb
This HTML tutorial guide explains what a Web Form is, how CGI scripts work, what frames are, frame tags and the creation of HTML files.

 - What is a Web Form
 - What is a CGI Script File
 - Initiating the HTML File
 - Composing the Form Tags
 - Saving Your HTML Form
 - Testing Your Web File
 - Uploading the HTML File
 - What is a Frame
 - Frame tags


HTML Intermediate Reference Guide 13 Pages, 128 Kb
This HTML guide discusses the do’s and don’ts of designing web pages, working with tables and images, and an introduction to forms.

 - Different Web Servers
 - Planning Steps
 - Designing Do’s and Don’ts
 - Creating the HTML Files
 - Tables
 - Images
 - Image in a Table
 - Forms Introduction


HTML Reference Guide 13 Pages, 282 Kb
This HTML reference guide explains the back end process of the working of HTML files such as saving and testing web files and putting files on the web server.

 - Getting Ready
 - What Will Be On a Page
 - Creating the HTML Files
 - Saving Your HTML File
 - Testing Your Web File
 - Putting Your File on the Server


HTML Tag Reference Guide 5 pages 69 Kb
This guide explains the various tags in an HTML file.

 - STRUCTURE
 - HEADINGS
 - FORMATTING
 - FONTS
 - LINKS
 - GRAPHICS
 - DIVIDERS
 - LISTS
 - COLORS
 - FORMS
 - SPECIAL CHARACTERS
 - TABLES
 - FRAMES
 - JAVA
 - JAVASCRIPT
 - MISCELLANEOUS



Tags for this post>>

November 13, 2009

HTML And XHTML References and Cheat Sheets

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 



Tags for this post>> |

August 15, 2009

Learn and Apply HTML Course

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.



Tags for this post>>

August 5, 2009

HTML and CSS Tutorials and References

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



Tags for this post>> | |

July 21, 2009

HTML Tutorials and References

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



Tags for this post>>

May 13, 2009

Beginning and Advanced HTML Tutorials

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



Tags for this post>> |

April 1, 2009

Browser, CSS, and HTML / XHTML Tutorials

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?



Tags for this post>> | | |

February 24, 2009

1-page HTML Tutorial


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



Tags for this post>>

February 10, 2009

2 Free Classes for Developing Web Pages

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.



Tags for this post>>

January 19, 2009

Web Design, CSS, and HTML Tutorials

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



Tags for this post>> | | |

October 21, 2008

HTML and CSS References and Examples

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


Tags for this post>> |

December 27, 2007

HTML and CSS Tutorials from bytesizeoffice.co.uk

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


Tags for this post>> | |

December 4, 2007

HTML Tutorials and How Tos

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




Tags for this post>>
October 15, 2007

Two HTML Tutorials and a CSS Tutorial

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



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
:



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:



Tags for this post>> | |
September 23, 2007

HTML and CSS Tutorials By Example


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.

Tags for this post>> | |
June 19, 2007

Bulletproof HTML – 37 Steps to Perfect Markup

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?


Tags for this post>> |

April 19, 2007

Free Book – Teach Yourself HTML 4 in 24 Hours

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


Tags for this post>> |

April 16, 2007

HTML 4 and CSS 2 Reference Help Ebook

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


Tags for this post>> |
Next Page »