Design>Web Design>HTML

HTML5 Doctor Glossary

We wanted to provide a comprehensive references of elements that are new or have been redefined in HTML5, so we've created a glossary. The purpose of the glossary is simple: we’re going to give you a breakdown of all the elements within the spec in clear, bite-sized chunks.

HTML 5 Progresses Despite Challenges

Development of HTML 5, the highly touted upgrade to the language of the Web, is progressing but still faces obstacles, including lack of a standard video codec, said an official of the World Wide Web Consortium at a gathering on Tuesday.

HTML 5: Could It Kill Flash and Silverlight?

HTML 5, a groundbreaking upgrade to the prominent Web presentation specification, could become a game-changer in Web application development, one that might even make obsolete such plug-in-based rich Internet application (RIA) technologies as Adobe Flash, Microsoft Silverlight, and Sun JavaFX.

What Does It All Mean?

This chapter will take an HTML page that has absolutely nothing wrong with it, and improve it. Parts of it will become shorter. Parts will become longer. All of it will become more semantic. It’ll be awesome.

HTML 5 Links Smartphones, Mobiles, Home Electronics

Hypertext Markup Language (HTML) 5 is attracting increasing attention as the standard technology for the next-generation web. Naturally, it will have massive impact on personal computers (PC), smartphones and mobile phones, and the effects will spread out to include other home electronics as well.

HTML 5 and Accessibility

Probably the most worrying thing about the HTML Working Group is the lack of respect for differing opinions that some working group members have. The apparent disinterest in accessibility is another troublesome factor.

HTML 5, Microformats and Testing Accessibility

Testing is vital, particularly at the border of accessibility theory and practice. I wonder, for example, if tabindex and accesskey would have made it to the HTML4 spec if there had been full testing with assistive technology users? What I really want to know from the HTML5 people is who they think is going to do this research that will provide the evidence that their gang requires before useful attributes are restored to the specification.

The HTML Scope/Headers Debate

The HTML working group have decided not to include the headers attribute in the HTML 5.0 working draft, as they believe the scope attribute is sufficient for associating header cells with data cells. With simple and most complex tables, this is a reasonable assertion, but doesn't work with overlaid and irregular tables, where the associated headers aren't in the same column or row.

HTML 5 and the Summary Attribute

As I wrote in Help screen reader users by giving data tables a summary, the summary attribute on the table element can be used to provide information that helps non-sighted users understand data tables. The current draft of HTML 5 requires that validators display a warning if they encounter a summary attribute, since it is now an 'obsolete but conforming feature.'

HTML Evolution

HTML is being developed outside of the W3C by a number of browser implementers, excluding Microsoft. The prevalent feeling amongst those that do so is that if the W3C doesn't adopt their spec, the W3C will look dull.

Forward Towards the Past

I'm reading worrying things about the discussions about the next version of HTML, known as HTML5. It looks to me as if things are going in the wrong direction. Oh, and in order not to disappoint long-time readers there'll be a little barb against XHTML pretenders at the end of the article.

Building Web Pages With HTML 5

Depending on who you ask, HTML 5 is either the next important step toward creating a more semantic web or a disaster that's going to trap the web in yet another set of incomplete tags and markup soup. The problem with both sides of the argument is that very few sites are using HTML 5 in the wild, so the theoretical solutions to its perceived problems remain largely untested.

HTML 5 Differences from HTML 4

HTML 5 defines the fifth major revision of the core language of the World Wide Web, HTML. "HTML 5 differences from HTML 4" describes the differences between HTML 4 and HTML 5 and provides some of the rationale for the changes.

Adventures in Web 3.0: Part 1 - HTML 5

With HTML5 markup in place I started wondering about how CSS would affect things. The first thing I discovered was that Firefox doesn't have much in the way of default styling for the new elements - so setting background colours doesn't have much effect until I added some default styles.

Adventures in Web 3.0: Part 2 - CSS 3

Unlike its predecessors, CSS3 is not a single, monolithic spec, but a collection of modules all of which are at different levels of completeness. For instance the selectors module became a candidate recommendation in November 2001 and is already widely supported. In this post I'm going to be experimenting with the Backgrounds and Borders module and the Transitions module, mostly because the recent Firefox 3.5 release includes improved (but still experimental) support for some of the more interesting bits of it.

Adventures in Web 3.0: Part 3 - More CSS 3

There are some new CSS3 features supported in the latest Chrome release and Firefox alpha which make this worth a second post. This time I'm going to focus on background sizing, CSS gradients and RGBA colours.

Decoding the HTML 5 Video Codec Debate

The HTML 5 video element has the potential to liberate streaming Internet video from plugin prison, but a debate over which codec to define in the standard is threatening to derail the effort. Ars takes a close look at the HTML 5 codec controversy and examines the relative strengths and weaknesses of H.264 and Ogg Theora.

HTML 5 and Web Video: Freeing Rich Media from Plugin Prison

DailyMotion and Google are both experimenting with the HTML 5 video element and have strongly endorsed standards-based solutions for deploying video on the Web. Ars takes a close look at the state of open video and explores both the benefits and challenges of liberating rich media from the proprietary plugin prison.

Dive Into HTML5

Dive Into HTML5 seeks to elaborate on a hand-picked Selection of features from the HTML5 specification and other fine Standards. I shall publish Drafts periodically, as time permits.

Detecting HTML5 Features

You may well ask: “How can I start using HTML5 if older browsers don’t support it?” But the question itself is misleading. HTML5 is not one big thing; it is a collection of individual features. So you can’t detect “HTML5 support,” because that doesn’t make any sense. But you can detect support for individual features, like canvas, video, or geolocation.

Let’s Call It a Draw(ing Surface)

HTML 5 defines the CANVAS element as “a resolution-dependent bitmap canvas which can be used for rendering graphs, game graphics, or other visual images on the fly.” A canvas is a rectangle in your page where you can use JavaScript to draw anything you want.

Get Ready for HTML 5

Ready or not, here it comes. Despite the confusion surrounding its evolution, real-world HTML 5 is right around the corner. Longtime ALA contributor J. David Eisenberg returns to get us all up to speed on the markup we’re about to be writing.

Why Apple is Betting on HTML 5: A Web History

To get an accurate picture of why HTML 5 matters and how its adoption will change the future of the web and software in general, you have to take a look at the squabbling drama of contention that HTML 5 is emerging from as industry rivals work to achieve a new level of consensus on how the web should work.

Video Introduction to HTML 5

Are you interested in HTML 5 and what's coming down the pipeline but haven't had time to read any articles yet? We've put together an educational Introduction to HTML 5 video that goes over many of the major aspects of this new standard. In the video we also crack open the HTML 5 YouTube Video prototype to show you some of the new HTML 5 tags, such as nav, article, etc.

How to Draw with HTML 5 Canvas

Among the set of goodies in the HTML 5 specification is Canvas which is a way to programmatically draw using JavaScript. We’ll explore the ins and outs of Canvas in this article, demonstrating what is possible with examples and links.

Why is HTML Suddenly Interesting?

Today the HTML conversation is reborn. Standards development around HTML seems to actually have a chance of influencing user experience in the browser, and Microsoft itself is participating in the HTML 5 conversation despite still holding roughly two-thirds of the browser market. While Microsoft's market share is only slowly eroding, developer mindshare seems to have shifted decisively to the band of WHATWG upstarts, Microsoft's competitors.

A Whole Lotta HTML5 Love

With the flurry of HTML5 tweets this past month, I felt it was somewhat easier to park some of them in a blog post. Retweeting was adding to the confusion for a non-HTML5 person like me.

Misunderstanding Markup: XHTML 2/HTML 5 Comic Strip

Now that the development of XHTML 2 is discontinued, should we stick to XHTML 1.0 or move forward to HTML 5 or better prefer the old HTML 4? Let’s set things straight once and for all. In this post we are trying to clear up the confusion, explain what is what and describe what markup language you can use for your web-sites.

HTML Five

This site is a project to learn, discuss and promote HTML 5.

Yes, You Can Use HTML 5 Today!

The blogosphere was jerked into excitement when Google gave a sneak preview of its new service, Google Wave. Only the select few have an account, but there’s an 80-minute video about it on YouTube for the rest of us. The service is an HTML 5 app, and so HTML 5 has gone from being too far away to care about to today’s hot topic.

HTML 5: Now or Never?

Here at SitePoint, we have started thinking about HTML 5, and whether or not the time is right to publish a book about it. To help us decide, we asked a number of web luminaries what they thought. Their answers were both varied and interesting. Take a look and decide for yourself: is it time you started learning about HTML 5?

HTML 5 Doctor

html5doctor is a collaboration between, Rich Clark, Bruce Lawson, Jack Osborne, Mike Robinson, Remy Sharp and Tom Leadbetter. The site came about following a HTML5 meetup after the Future of Web Design conference in London (2009). We decided that there wasn’t a resource that catered for the people who wished to find out more about implementing HTML5 and how to go about it, so we thought we’d better build one. We will publish articles relating to HTML5 and it’s semantics and how to use them, here and now.

The 'Video' Element

The 'video' element is brand new in HTML 5 and allows you to, get this, play a movie in your website! The data of this element is supposed to be video but it might also have audio or images associated with it. Of course, this will only work in a few browsers: Safari 3.1+, Firefox 3.5+, and latest builds of Opera (oh, and potentially the next release of Chrome).

Understanding 'aside'

HTML 5 offers a new element to mark additional information that can enhance an article but isn’t necessarily key to understanding it. However, in the interpretation of 'aside' there lies confusion as to how it can be used, and with that there is demand for the Doctor to step up and clear the air. In this article I will look at what 'aside' was created for, including sample uses and how not to use this useful, misunderstood element.

The 'header' Element

Recently, we have seen a growing interest in HTML 5 and it’s adoption by web professionals. Within the HTML 5 specfication we can see that there have been a significant number of new tags added, one of these the

element is what we’ll be covering in this post. We’ll talk about when to use it, when not to use it, it’s must haves and must not haves.

Bookmark (Anchor) Linking Tip

You can link to any tag within the page by quoting its ID. For example, if you have a paragraph with an ID of "intro", then you can link directly to that point without having to insert a bookmark.

Common Ideas Between HTML and XHTML

As of this writing, HTML and XHTML are both being used to create Web sites. But there are multiple versions of each, with specific changes and ideas attached. The following table shows the current W3C HTML and XHTML recommendations of note.

HTML Versus XHTML: Which Should We Use, and Why?

HTML 4.01 is as valuable as XHTML 1.0 in a daily usage. The syntax proposed by XHTML 1.0 has several important benefits. The weight of these benefits has to be evaluated in the context of your project: Use the right tool for the right job. For a Web designer, starting to use XHTML 1.0 will be helpful in some circumstances and will certainly help you to smoothly negotiate the future. XHTML 1.0 gives a wonderful opportunity to learn about XML languages and their possibilities without having to learn new semantics because you’re working with familiar tags and attributes.

HTML No Longer Needed

Much in the same way that Microsoft Word and PageMaker made desktop publishing more widely available and eliminated the need for tagging to achieve formatting, blogs and wikis are doing the same for the web. You can use WordPress to create an entire web site without knowing or using HTML. Editme.com is providing web site services using wiki technologies. These tools help users publish content with less knowledge of the underlying tagging.

When Can I Use...

Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies in the most popular web browsers.

Semantics in HTML 5

HTML 5, the W3C’s recently redoubled effort to shape the next generation of HTML, has, over the last year or so, taken on considerable momentum. It is an enormous project, covering not simply the structure of HTML, but also parsing models, error-handling models, the DOM, algorithms for resource fetching, media content, 2D drawing, data templating, security models, page loading models, client-side data storage, and more. There are also revisions to the structure, syntax, and semantics of HTML.

Refactor to Improve Code Design

Refactoring restructures your code into a more simplified or efficient form in a disciplined way. Refactoring software code improves its internal structure without changing external functionality for more efficient execution, faster download speed, and easier updates.

Death of a Meta Tag

The value of adding meta keywords tags to pages seems little worth the time. In my opinion, the meta keywords tag is dead, dead, dead. Like Andrew, I say good riddance!

What’s the Difference Between HTML and XHTML?

If you’ve mastered HTML, you’re 90% of the way towards using XHTML. They’re actually very much the same thing—tag-based markup languages used to display Web pages. The difference is only seen by the people creating the pages (Web designers, programmers, etc.) and focuses on “forgivability”— HTML allows for some ugly code (mixed case tags like , improperly nested elements, and unclosed tags), while XHTML does not. If you write HTML, it’s probably a good idea to start using XHTML practices anyway. It will take 5 minutes to learn, and it’s just a better way of doing things.

HTML, the Foundation of the Web

HTML is hot again. Some time ago the HTML5 promo machine got up to speed, causing a little mini-fuss. In a parallel universe, others are still putting a lot of time and effort into the development of xHTML2. This (public) renewal of interest in HTML caused plenty of discussion, revealing several blank spots in the general knowledge of HTML. This article will hopefully plug one of the most notorious holes shut.

CSS Speech Bubbles

Easy to customize speech bubbles coded in valid XHTML and CSS.

Free Your Embedded Data With SearchMonkey

Arguing for web standards and semantically clean and rich websites is an uphill battle. For years we had to deal with browsers that needed us to mess around with HTML just to display a document in several columns and the visual outcome was much more important than the structure.

Improve Your Forms Using HTML 5!

HTML hasn't really been updated since HTML version 4 was released back in 1998. However, the WHATWG community has been working on HTML since 2004 and this will hopefully result in some much needed improvements. This article shows some of the new functionality of the proposed form chapter of HTML5: Web Forms 2.

Another Look at HTML 5

It has become evident to me that some of my previous comments about HTML 5 and what is going on in the HTML Working Group are the result of misunderstanding and overreacting on my part. I no longer think things are quite as bad.

Is HTML 5 a Slippery Slope?

Tommy Olsson comments on the possibility of backwards compatibility and standardised error handling being bad for overall code quality.

Help Keep Accessibility and Semantics in HTML

If you think accessibility and semantics are important and should be improved in the next version of HTML, you need to act.

How to Prevent HTML Tables from Becoming Too Wide

The layout model of tables differ from that of block level elements in that they will normally expand beyond their specified width to make their contents fit. At first that may sound like a good thing – and it often is – but it makes it possible for oversized content to make text unreadable or completely break a site’s layout, especially in Internet Explorer.

Guidelines for Creating Better Markup

I’ve mentioned several times here that I feel writing markup (or any other code, for that matter) is a craft. I take pride in writing as lean and clean code as possible. From the looks of things there aren’t a whole lot of other Web professionals that feel that way, but we do exist.

The Basics of HTML

In this article you will learn the basics of HTML—what it is, what it does, its history in brief, and what the structure of an HTML document looks like.

POSH: Plain Old Semantic HTML

POSH, in case you haven’t heard of it already, is short for “Plain Old Semantic HTML”, and is obviously much quicker and easier to say than “valid, semantic, accessible, well-structured HTML”. Unfortunately POSH - semantic markup - is also something most people building websites or creating content for the Web have yet to discover.

The HTML HEAD Element

This article deals with a part of the HTML document that does not get the attention it deserves: the markup that goes inside the head element. By the end of this tutorial you’ll have learnt about the different parts of this section and what they all do, including the doctype, title element, keywords and description (which are handled by meta elements).

Choosing the Right Doctype for Your HTML Documents

In this article I will look at the doctype in a lot more detail, showing what it does and how it helps you validate your HTML, how to choose a doctype for your document, and the XML declaration, which you’ll rarely need, but will sometimes come across.

Marking Up Textual Content in HTML

In this article I will take you through the basics of using HTML to describe the meaning of the content within the body of your document.We will look at general structural elements such as headings and paragraphs and embedding quotes and code. After that we will look at inline content, such as short quotes and emphasis, and finish with a quick examination of old-fashioned presentational content.

Can the alt Attribute Be Omitted Without Hurting Accessibility?

In the current editor’s draft of the HTML 5 specification, the alt attribute for images is no longer required. I am not convinced that this is a good idea.

Coding for the Mobile Web

Good evening — in this article I will aim to demystify the world of mobile web development, or in other words, developing web sites so that they will provide an acceptable user experience on mobile devices. I’ll run through how “the mobile web” differs from the normal web, the basics of techniques you can employ.

New Elements in HTML 5

HTML 5 introduces new elements to HTML for the first time since the last millennium. New structural elements include aside, figure, and section. New inline elements include time, meter, and progress. New embedding elements include video and audio. New interactive elements include details, datagrid, and command.

HTML 5 and XHTML 2

While the intention of both HTML V5 and XHTML V2 is to improve on the existing versions, the approaches the developers chose to make those improvements is very different. And with differing philosophies come distinct results. For the first time in many years, the direction of upcoming browser versions is uncertain. Uncover the bigger picture behind the details of these two standards.

The HTML 5 Image Element

One of the great things about the current HTML 5 draft is that they give plenty of examples of how to specify alternate text for images, although a few of them are misguided. Alternate text should be concise, and a longer description provided with a longdesc attribute if necessary.

HTML 5 Timeline

Firefox 2.0.0.10 broke its implementation of the HTML5 canvas element and guess what, the world noticed. Actual websites started breaking because they relied on the canvas functionality to work. The point is that we expect implementations of HTML5 to happen way before the fifteen year mark. In fact, the fifteen year mark includes having all features at least implemented in two different (shipping) products in the same way with the additional requirement that they have a decent amount of market penetration. This means that when the specification finally makes it to W3C Recommendation it has already proven itself.

A Preview of HTML 5

HTML 4 has been around for nearly a decade now, and publishers seeking new techniques to provide enhanced functionality are being held back by the constraints of the language and browsers.

A Beginner's Guide to HTML and Web Design

The best place to learn about HTML is on the Web itself. A few of the best resources for exploring HTML design are listed here.

The Mysterious Acronym Tag

There is a seldom-used tag called 'acronym'. It was originally mark up, well, acronyms. There is a very similar tag, also seldom-used, called 'abbr', which is intended to mark up abbreviations. Both of these tags were introduced in HTML 4.0. On the face of it, apart from marking up the text, these inline tags do little else.

New Elements in HTML 5

Anatomy of HTML Tags

This tutorial describes some of the main attributes that HTML tags can feature.

Block vs. Inline Elements

HTML elements can be displayed either in block or inline style. The difference between these is one of the most basic things you need to know in order to use CSS effectively.

HTML Lists

Web browsers will show three different types of lists: ordered, unordered and definition lists. This tutorial explains to use each type, and how to make them in HTML.

HTML Tables

HTML tables should only be used to display data in tabular form. This tutorial explains how to create tables in HTML properly.

Introduction to HTML

HTML was created by Tim Berners-Lee, the inventor of the WWW, and has been around since the very beginning of the web, and has changed a bit over that time, although it hasn't really gotten any more complicated. HTML is the markup language that's used to write web pages. It simply describes a web page's content and its structure.

Why Code By Hand

If you're serious about reaching your full potential as a web page designer / producer, I believe you need to learn to code your sites by hand.

Long Live the Q Tag

IE/Win does not render these quotation marks, and because of this, most web authors choose not to use the Q tag. I'm here to change all that!

Advanced HTML Tutorial

HTML is made up of a great many elements, a lot of which are overlooked, forgotten or just unknown to many web designers. Although with a basic knowledge of HTML you can develop a website, to take advantage of many of the advanced features, and to make pages fully compatible, it is useful to learn these less popular tags.

Rescue Terrible HTML with TagSoup

XHTML is a friendly enough format for parsing and screen-scraping, but the Web still has a lot of messy HTML out there. In this tip Uche Ogbuji demonstrates the use of TagSoup to turn just about any HTML into neat XHTML.

ABBR and ACRONYM are for User Agents, Not for End Users

The WCAG (1.0) guideline 4, checkpoint 4.2, about ABBR and ACRONYM, has for a long time been too unclear to implement. The drafts for XHTML 2.0 and WCAG 2.0 seem to have solved most problems.

XHTML, HTTP accept-header and MIME-type application/xhtml+xml

In 2005 it is high time to start serving XHTML as XML on a grand scale. Others have been doing it for years. I have been doing it since Christmas. Switching between XHTML as xml and text/html is easy using the HTTP accept header.

Fast and Easy XHTML

Wondering how to turn your HTML markup into XHTML? Here are a few quick tips to teach you the very basics, a sample XHTML document, and resources for more information.

Some Basic HTML Tags and How To Use Them

The HTML 4.01 markup chart and examples below represent some of the typical markup that I review with clients who wish to change and update text themselves on their Web sites. Learning a few basic markup tags makes this a very simple process.

To Frame or Not to Frame? That is the Question

The question of whether or not to use frames within a Web site's design can be a hot topic of debate. Many people don't like framed Web sites because they 'get stuck in someone's frames,' they can't bookmark a particular page within a framed Web site, the search engines don't list their Web sites, and some browsers can't read framed Web sites at all. Clearly these are legitimate problems. This article's intent is to help clarify some of the advantages and disadvantages of using frames and provide resources for further information.

Required Elements, and Required Tags

The difference between required elements and required tags has received a fair amount of attention recently, but the difference between the two is rarely (if ever) explained in detail.

Remote Scripting with IFRAME

As web sites become more and more like traditional applications, the call-response-reload model used in HTTP transactions becomes increasingly cumbersome. Instead of delivering a single dynamic page, the DHTML or JavaScript developer must create a series of separate pages. The flow of the application is interrupted by page reloads whenever the client communicates with the server. Remote scripting provides a solution to this problem, easing development of complex JavaScript applications, and providing a better experience for the end user.

开发出高性能的网站，第一部分 — 20个客户端代码优化技巧

这个分为三部分的文章概述了一个直观的、省时省力的方法来提升访问网站的速度，这是基于网站性能有关的两个简单法则。

Web Writing: Coding an HTML Page

HTML coding is fairly simple. It consists of cues called tags that tell a computer to put words and images on the page, with a starting tag and a stopping tag required for each insertion.

Accessible Tables

There is no question that the vast majority of tables on the Web are layout tables, used to structure the visual appearance of the page. Often the structure of tables is remarkably complex, with tables nested in tables as much as seven deep.

Cleaning Your Web Pages with HTML Tidy

A detailed article on using the HTML Tidy utility to clear up problems in an HTML file.

HTML Conversion Tools: The Good, The Bad, The Ugly

The documentation conversion tool market is relatively new, but several vendors have established reputations in the market.

Hexadecimal Color Codes in HTML That Look or Sound Dirty, But Are in Fact Merely Colorful

It's just like how you can make your calculator spell BOOBS, although people inexperienced with HTML probably won't appreciate it.

How To Do HTML

This site explains how to make basic web pages with plain old Hypertext Markup Language, or HTML.

Developing Your Site for Performance, Part I: 20 Tips for Client-Side Code Optimization

This three-part article outlines a common sense, cost-effective approach to Web site acceleration according to the two simple laws of Web performance: send as little data as possible; send it as infrequently as possible.

Quick and Easy HTML

HTML (the hypertext markup language used for the worldwide web) may be easier than you think! Experienced users guide you through the basics to more advanced topics, describe paper-to-web conversions, and provide hints for effective use of this medium. We’ll focus on real applications and on putting information on the web. Topics such as online providers and setting up a web server will not be covered.

Editing Translated HTML Files

Follow this advice for getting rid of the clutter and strange characters in your translated HTML files.

HTML Conversion Tools: The Good, The Bad, and The Ugly

The Internet has taken the world by storm. It is now one of the most widely used sources of information available. Every day high-technology companies are finding new ways to use the Internet for advancement in their fields. Though getting a perfect conversion without added steps is the dream for all writers, this is not possible. HTML Conversion tools such as HTML Transit 2.0, Web Publisher 1.1, and FrontPage can help decrease the time needed to make great looking paper documents into great looking web pages. The tool a company chooses should be based on its needs, budget, and the time allowed for tweaking.

Ecrire Pour Être Référencé

Plusieurs éléments 'méta', c'est-à-dire ne faisant pas directement partie du corps de votre texte, ont néanmoins une importance tout à fait particulière dans le référencement de votre site. Ces éléments sont, en effet, pris en compte en priorité par les moteurs de recherche, lesquels sont responsables d'une bonne partie de votre fréquentation.

The IFrames Lowdown

Unlike regular frames, iframes float anywhere on a page just like an image!

A Beginner's Guide to HTML

Answers to questions like: where do Web pages come from? What are all those brackets in the text, anyway? How much HTML do I have to learn? How can I get started quickly? What kinds of HTML authoring tools are available to me?

Using HTML: Preparing Documents for the World Wide Web

This handout follows the seminar 'Preparing Documents for the World Wide Web,' so that students can focus on the presentations with minimal note-taking. The class and manual cover basic HTML codes as they apply to the creation of an HTML resume. However, these basic codes (called 'tags') can be applied to any HTML document. As we approach the end of the day, advanced topics will be covered as time allows. All tags available in the latest release of HTML may not be covered in this brief class. Internet or World Wide Web principles, except as they apply directly to the creation of your HTML resume, are not discussed. Students are expected to have some knowledge of the Web. Reference materials about the Internet, the use of browsers, and the Web are listed in this manual’s section.

HyperText Markup Language (HTML) Tutorial

The HyperText Markup Language (HTML) is the standard language for developing documents on the World Wide Web. This tutorial concentrates on HTML 4.01, the latest version of HTML as specified by the World Wide Web Consortium (W3C). See the Extensible HyperText Markup Language (XHTML) tutorial for guidelines on making the pages XHTML compliant. An HTML document consists of elements (sometimes referred to as tags), that are handled by a user agent (such as a browser) to render the document.

Mastering HTML and XHTML

In this book, the Rays have put together most (if not everything) that you need to know to create HTML/XHTML documents. Although not groundbreaking, the information is presented in a straightforward style and arranged in an easily accessible manner. Basically, it's a 'one-stop' reference for prospective coders.

SAP Business HTML Cookbook

At SAP cookbooks are frequently used as a very efficient and highly accepted means to communicate design. This cookbook not only comprises the introduction of SAP's design for screen elements in the web environment but also the documentation of the so called 'business functions'. These functions are used to render the screen elements of business applications in an internet browser. They ensure the highly sophisticated appearance of web applications according to the SAP brand design and protect the developer from being forced to write endless HTML coding.

The "Right" Keywords

Since finding the right keywords is the most important step in any SEO endeavor, it is imperative that you find the ones your target audience is using.

Character Entities in HTML and XHTML

This area includes a variety of references and tools such as: reference charts; important articles; and helpful tools.

HTML's Time is Over. Let's Move On

As users and builders demand more and more richness from the Web, we need to re-evaluate the technology that 99% of it is built on. It seems no matter how sophisticated our back ends get, the front ends remain stagnant. What other options are there? What are the requirements that we as user experience designers face that newer technologies miss the boat on?

Differences Between XHTML and HTML

XHTML is the next generation of HTML, but it will of course take some time before browsers and other software products are ready for it. In the meantime there are some important things you can do to prepare yourself for it. As you will learn from this tutorial, XHTML is not very different from HTML 4.01, so bringing your code up to 4.01 standards is a very good start. Our complete HTML 4.01 reference can help you with that. In addition, you should start NOW to write your HTML code in lowercase letters, and NEVER make the bad habit of skipping end tags like the

XHTML 1.0 Reference

A collection of the valid tags and attributes within XHTML 'strict' encoding, with examples.

XHTML Tutorial

In this tutorial you will learn the difference between HTML and XHTML. You will also learn how this Web site was converted to XHTML.

MarkUp Validation Service

A free service that checks documents like HTML and XHTML for conformance to W3C Recommendations and other standards.

HTML: Making the Move

HTML is perhaps the most discussed topic in technical communications since the invention of the word processor. Interest in the Internet and the World Wide Web has exploded beyond anyone’s expectations (and perhaps their imagination as well). Microsoft has announced that they are moving away from Rich Text Format (Rw) as the source format for their Windowsbased online help systems, and Netscape is in the process of developing a cross-platform online help API that is also based on HTML. The question seems no longer to be whether or not to make the move to HTML, but when to make the move.

HTML en Castellano

Recopilación de documentación con la que aprendera a realizar sus páginas Web.

HTML en Castellano: Libros

Desde esta sección podras encontrar todo tipo de información relacionada con libros sobre HTML, XML y cualquier tecnología que te ayude en la elaboración de tus páginas Web. Podras leer libros en linea, o acceder a las mejores editoriales o librerias donde comprarlos e incluso acceder a robots de compra que te indicaran los lugares más baratos.

Intro to HTML

HTML is the lingua franca of the Net. It's a simple, universal mark-up language that allows Web publishers to create complex pages of text and images that can be viewed by anyone else on the Web, regardless of what kind of computer or browser is being used.

What can <META> Do for You?

The <meta> tag is often found at the top of an HTML document between the </title> and the </head> tag. It has a variety of uses, but one of the most common is the client-pull function, used to either reload or redirect pages after a specified amount of time.

Web Design: Website Optimisation

This refers to the process by which a website's design, content, and coding are all optimised to improve its search engine ranking for specific targetted keywords and phrases. Although there is no assured way of getting your site into the Top10 ranking of all of the major search engines, there are a number of strategies that you can use to improve your ranking.

Site Optimization Tutorial

We're all tired of waiting for Web pages to download, aren't we? To make sure that visitors to your site don't get frustrated, we rounded up some in-house experts to help you make your pages faster 'n greased lightning.

Composing Good HTML

This document attempts to address stylistic points of HTML composition, both at the document and the web level. This is not a beginner's guide; check the 'For More Information' section for pointers to more basic works, as well as for more advanced references and tutorials. It is designed for the HTML author who has learned the basics, and is ready to start thinking about the more advanced aspects of Web document design.

How Do They Do That With HTML?

I started this site in 1995 while I was learning how to make web sites. I figured the best way to learn about it was to write a tutorial for others. The site has been very successful over the years, so in late 2000, I rewrote the entire site from scratch, updating all of the information and beginning to add all sorts of new tips and tricks.

Web Page Design for Designers: HTML Links

A collection of links to HTML tutorials and miscellaneous web design resources.

Trends in HTML-Based Help Design

Discusses some of the new and upcoming design trends in HTML-based systems. These designs are not the kinds of systems that most people will create on arrival to HTML-based help, but are experimental designs people create as they segue from Windows-based help.

Web Navigation without JavaScript and Java

Newell offers suggestions to Web designers on how to maintain some semblance of menu-based navigation for users whose browsers cannot process JavaScript or Java.

Translating Hardcopy Documents to HTML Online Documents

The ever-increasing popularity of the World Wide Web has created another assignment for the professional writer-the need to turn hardcopy documents into HTML coded documents. This paper discusses some of the translation tools available, the problems to watch when converting documents, and the benefits of using special translation tools for converting your original hardcopy documents into HTML documents for online viewing.

Alternative Style: Working With Alternate Style Sheets

So you have an XML document. You’ve also been a good little web developer and used style sheets to control what your document looks like. You’ve even gone the extra mile and created several alternative style sheets to show how hardcore you are. Great. But now you need a cross–browser way to dynamically switch between the style sheets.

Back to Basics

Web documents are nothing more than Source. For all of the inspiration, thought, and sweat that might go into a page, it is merely a mess of characters that happens to contain a lot of brackets. After five and a half years of actively building pages, it's occurring to me that a lot of developers haven't figured this out. What I see is not what they get.

Converting HTML to PDF

In December 1999, I asked: 'Is there any tool that currently exists to convert a bunch of html pages to pdf?' Thanks to all for the replies I received. There are two main solutions. (1) Print directly from the browser, and choose either Distiller or PDFWriter as the printer to turn the file into a pdf. For those of you who warned me that I might have to edit out the footer and header (typically the address of the page, the time etc), these can be edited out, in IE 5 at least, by selecting Page Setup from the File menu, and editing the Headers and Footers section. (2) Use Acrobat's web capture feature (accessed for example, by selecting Open Web Page from the File menu). There is one major caution with this approach: it does not open local web pages using the formats 'file:///' or 'c:\' It turns out that the syntax is the all important thing; I've used '|' (pipe) where ':' (colon) would normally be used after the C drive reference.

Table Tricks and Truths

Intermediate and advanced developers alike often face problems with tables that they didn't expect. A table may look incorrect in Netscape, things may not be working properly in IE, tables can be so complex that even the professionals forget certain aspects of their use. I shall try to cover some of the issues involved, and some of the Frequently Asked Questions about tables which we receive.