HTML Examples

Examples of How HTML Works

Do you learn by example? These HTML examples will give you all the help you need to see how the code renders, and most of the examples have associated articles that you can read more about how to do the techniques or the tags or styles involved.

Specific HTML Tag Examples

• A (Anchor) Tag Examples
• ABBR Tag Examples
• ACRONYM Tag Examples
• ADDRESS Tag Examples
• BASEFONT Tag Examples
• BDO Tag Examples
• BLINK Tag Examples
• BLOCKQUOTE Tag Examples
• BR Tag Examples
• BUTTON Tag Examples
• Q Tag Examples

Centering Examples

• Centering Text - Example
• Center the Entire Page

Link Examples

• Styling Links with CSS - Examples

HTML Images Examples

• How to Float an Image to the Right of Text - Examples
• How to Float an Image to the Left of Text - Examples
• AREA Tag Examples
• Faking a Stretched Background Image
• Faking a Stretched Background Image - Across the Whole Page
• The CSS 3 background-size Property Examples

HTML Lists Examples

• Definition Lists - Styling a Form
• Definition Lists - Prettier List
• Definition Lists - Highlighted Term
• Definition Lists - Zeroed Out Margins on the DD
• Definition Lists - A Basic Definition List
• Definition Lists - Turning a Bulletted List Into a Definition List
• Lists and CSS and Web Browsers Examples
• Nested Lists and CSS Descendant Selectors - Examples

HTML Tables Examples

• HTML Table Attributes - Examples
• Sample Table Alignments Using CSS
• HTML Table Attributes - Example of nowrap
• Table Accessibility Examples
• Sample Tables with CSS
• Fix a Background Image to the Bottom of a Table - Example

HTML Frames Examples

• Example Frameset
• Sample iFrames
• Fake Frames with CSS Example

Text Styling Examples

• Fancy CSS Headlines - Examples
• Font Weight Examples
• Bold Examples
• Big and Small Examples
• Font Style Examples
• Font Variants Examples
• Font Shorthand Examples
• CSS text-align Examples
• font-effect Examples
• font-smooth Examples
• Examples Using the bdo Tag
• text-shadow Examples
• text-transform Examples
• text-decoration Examples
• text-indent Examples
• word-spacing Examples
• letter-spacing Examples
• line-height Examples
• Pull Quote Examples

Border Examples

• Border Style Examples
• CSS Border Examples
• Rounded Corners Using CSS and No Images
• Styling Horizontal Rules with CSS - Examples

Background Examples

• Faking a Stretched Background Image
• Faking a Stretched Background Image - Across the Whole Page
• The CSS 3 background-size Property Examples
• Style Background Examples
• Fix a Background Image to the Bottom of a Table - Example

Examples for Dressing Up Your Pages

• Initial Caps - Examples
• Example of CSS Drop Caps
• Standards Based DHTML Menu Example
• CSS Drop Shadows Examples
• Change Text Color Dynamically - An Example
• How to Style a Tag Cloud Example
• Tabs in HTML with CSS
• Search Engine Examples
• Pull Quote Examples

CSS Positioning Examples

• CSS Box Model Examples
• CSS Positioning, Example 1
• CSS Positioning, Example 2
• CSS Float Examples
• Floating Images Down the Left Column
• Floating Images Down the Right Column
• Testing display:table; in Internet Explorer
• What's the difference between display: none and visibility: hidden? - Examples
• vertical-align Examples

Advanced CSS Examples

• CSS 2 Generated Content - Examples
• The CSS Outline Style Examples
• CSS 3 Opacity - Example
• Example of CSS Counters
• The CSS 3 background-size Property Examples
• font-effect Examples
• font-smooth Examples

Web Design Examples

• Placement Example
• Placement Example 2
• Centered is Boring
• Unequal Spacing Adds Dynamics
• white-space Property Examples
• CSS Property cursor Examples

JavaScript, DHTML, and Ajax Examples

• Display the Current Date - Use JavaScript to Display the Current Date
• First Form Field Selected - Use JavaScript to Put the Cursor in the First Form Field
• Change Text Color Dynamically - An Example
• Form Validation in Action
• Show and Hide Text in DIVs with CSS and JavaScript - Example
• Create a Rollover Image with Dreamweaver - Example
• Example of How to Play a Sound on Click or on MouseOver

HTML Forms Examples

• HTML Forms - Your First HTML Form
• Select and Option Examples
• Textarea Examples - HTML Forms Tutorial
• Styling a Form
• Sample Auto-Redirecting Drop-Down Menu
• Example HTML Form to Redirect Customers
• First Form Field Selected - Use JavaScript to Put the Cursor in the First Form Field
• Form Validation in Action
• Tabindex Examples
• Web Forms Usability Examples - User Friendly Web Forms Examples
• Form Field Has Focus Example