EducationOnlineForComputers.com » HTML

HTML and XHTML Tutorial

computer_teacher — Fri, 11 Feb 2011 23:46:40 +0000

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.

How to Build HTML eBook

computer_teacher — Fri, 07 Jan 2011 20:09:50 +0000

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

4 HTML Reference Guides

computer_teacher — Tue, 23 Mar 2010 03:43:46 +0000

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

HTML And XHTML References and Cheat Sheets

computer_teacher — Sat, 14 Nov 2009 04:29:34 +0000

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

Learn and Apply HTML Course

computer_teacher — Sat, 15 Aug 2009 17:07:13 +0000

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.

HTML and CSS Tutorials and References

computer_teacher — Wed, 05 Aug 2009 23:55:15 +0000

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

HTML Tutorials and References

computer_teacher — Wed, 22 Jul 2009 05:02:17 +0000

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

Beginning and Advanced HTML Tutorials

computer_teacher — Thu, 14 May 2009 03:37:34 +0000