HTML5 audio has matured significantly since it was introduced in 2009. In its early days, for example, none of the major browsers supported the same audio file types, of which there are many. Today, however, they all support MP3, making it easy to render basic audio in a browser. A more elaborate tutorial is available […]
Category Archives: HTML
Ajax-based Email Check Web App
When teaching Ajax concepts, I’ve always shared a small web app that checks whether an email exists in a database. The code is now on Bitbucket and a video on how it works is on YouTube.
Each of the US States Listed Inside Option Tags for HTML Forms
If you’re working with all the US states and you need to list all of them in a form, download the following Gist from GitHub: https://gist.github.com/code-warrior/acbd72bb34cc64b8137b#file-states-php It’s a self-submitting form (in PHP) and defaults to the GET method for posting.
The Difference Between a Tag and an Element
The Difference Between a Tag and an Element A Tag A tag is simply a less than sign (<), followed by a forward slash (/) if it’s a closing/ending tag, followed by a string of one or more pre-defined characters (a, li, body, etc), followed by a greater than sign (>). For example, the starting/opening […]
All The Meanings of “head” in HTML
The word “head” takes on various meanings in HTML. For example, as the head of a document, the head of a table, or the heading of a section. There are other uses. Inside an HTML Tag Within a tag, head appears—or is implied—in <head>, <header>, <thead>, <th>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, and <hgroup>, […]
The Style Keyword: The Difference Between Tag and Attribute
Introduction The style keyword in HTML is special, because it’s both a tag (<style>) and an attribute (<p style=”color: red;”>). It’s easy to confuse the two, as each represents very different ideas. The style Tag When used as a tag and without the scoped attribute (discussed below), it must be included as a child of […]
Excellent Opportunity to Use The <abbr> Element
I was recently searching for the contact info of a colleague. The search results included the division in which the employee works. The listing for the second result, highlighted with a red circle, is “PLT MNTC FM.” Exactly—I don’t know what it means, either. This was a perfect opportunity for the webmaster to use the abbreviation element […]