Here is a set of tables containing the 252 allowed entities in HTML 4 and XHTML 1.0, as described in section 24 of the official HTML 4 specifications, published by the W3C. I have divided them into my own, hopefully logical, categories:

Each table has five columns. The first column contains the entity reference, in the form &entity_name;, that is, an ampersand, the entity name, and then a semi colon. The second column displays how that entity appears in your browser. The proper character will only appear if you have a font that can display it. The third column contains the number reference for the same character in the form &#number;, that is, an ampersand, a hash symbol (which signals that a number reference is coming), the character's number, and then a semi colon. The fourth column shows how the number reference displays in your browser. Again, the proper character is only displayed if the default font selected in your browser preferences contains such a character.

The fifth column contains a description of the character, and an occasional note. You can either hover over the note link to see the note, or click it to go the notes page, which will open in a separate window.

There are many ways to order character entities. You can order them alphabetically, by number, or by Unicode collection, to mention just a few methods. I find all of these rather arbitrary. So, I have taken the liberty of classifying them into what I consider logical categories, and sometimes subcategories, and then by alphabetical order. I hope you find it useful. And don't forget, you can always use your browser's Find command to find a particular word or phrase within this page.

Welcome to HTML Source! Come in, look around. Don’t be overwhelmed by the ample bounty of HTML tutorials available, each packed with in-depth expert advice, full diagrams and miraculous wit. Yep, I’m blowing my own trumpet here. I hope you know what I mean by that...

Have a look in the navigation bar on the right there to begin your journey. If you are just starting your illustrious HTML career, have a leaf through the two “Starting Off” sections. If you want more specific tutorials check out the in-depth “Lessons” on each aspect of HTML and CSS, and if you’re well-versed in the arts of web development you should read the “Advanced” stuff. You can also get technical with the “Scripting” tutorials. Finally, the HTML Reference charts and whatnot are in a table further down this page. If you want to find a certain tutorial fast, use the Search box at the top there.

Here are 25 incredibly useful CSS tricks that will help you design great web interfaces. You might be aware of some or all of these techniques, but this can be your handy resource to nifty CSS tricks that you should know.

The syntax for pseudo elements is a bit different than that of regular CSS, but it’s real close. If you have already read chapter 11 then you are slightly ahead of the game.

As you can see the only difference is that you place the pseudo element after the selector, and divide the 2 with a (:) colon.

Or you can assign a class to a pseudo element as follows

The position property (as you may have guessed) changes how elements are positioned on your webpage.

You can control if an element allows floated elements to its sides with the clear property

You can control the height of an element with the height property

You can control the appearance of ordered and unordered lists in one declaration with the list-style property

You can set the color, style and width of the borders around an element in one declaration by using the border property.

You can style the background of an element in one declaration with the background property.

The font property can set the style, weight, variant, size, line height and font:

The above would set the text of an element to an italic style a bold weight a normal variant a relative size a line height of 1.4em and the font to Verdana or another sans-serif typeface.

You can set what font will be displayed in an element with thefont-family property.

There are 2 choices for values:

You can set the color of text with the following:

Possible values are

Padding is the distance between the border of an (X)HTML element and the content within it.

Most of the rules for margins also apply to padding, except there is no “auto” value, and negative values cannot be declared for padding.

As you may have guessed, the margin property declares the margin between an (X)HTML element and the elements around it. The margin property can be set for the top, left, right and bottom of an element. (see example below)

You can use the span tag to style certain areas of text, as shown in the following:

Then in my CSS file:

Divisions are a block level (X)HTML element used to define sections of an (X)HTML file. A division can contain all the parts that make up your website. Including additional divisions, spans, images, text and so on.

I generally use IDs to style the layout elements of a page that will only be needed once, whereas I use classes to style text and such that may be declared multiple times.

The main container for this page is defined by the following.

To put it more simply, this sentence you are reading is defined in my CSS file with the following.