HTML Instance


HTML Basics

A Very Simple HTML Document
HTML Headings
HTML Paragraphs
HTML Links
HTML Images

Instance Explanation


HTML Headings

HTML Headings
Insert Comments in HTML Source Code
Insert a Horizontal Line

Instance Explanation


HTML Paragraphs

HTML Paragraphs
More Paragraphs
This example demonstrates the use of the <br> tag for line breaks in an HTML document.
Some formatting issues with HTML.

Instance Explanation


HTML Text Formatting

Text Formatting
This example demonstrates how to use the <pre> tag to control line breaks and spaces.
This example demonstrates the display of different "computer output" tags.
This example demonstrates how to write addresses in an HTML file.
This example demonstrates how to create abbreviations or initialisms.
This example demonstrates how to change the direction of text.
This example demonstrates how to create a ragged quotation.
Underline and Strikethrough Text

Instance Explanation


HTML Styling

HTML Style Element
Background Color Style
Font Style, Color, Size
Text Alignment Style
Setting Text Font
Setting Text Font Size
Setting Text Font Color
Setting Text Font, Font Size, Font Color
HTML Usage of Different Styles
Unstriked Links
Linking to an External Style Sheet

Instance Explanation


HTML Links

Creating Hyperlinks
Linking Images
Opening Links in a New Browser Window
Linking to a Different Position on the Same Page
Escaping a Frame
Creating Email Links
Creating Email Links

Instance Explanation


HTML Images

Inserting Images
Inserting Images from Different Positions
Arranging Images
This example demonstrates how to float images to the left or right of a paragraph.
Creating Image Links
Creating Image Maps

Instance Explanation


HTML Tables

Simple Tables
Tables Without Borders
Table Headers
Tables with Titles
Cells Spanning Rows or Columns
Tags Inside a Table
Cell Padding (Cell padding)
Cell Spacing (Cell spacing)

Instance Explanation


HTML Lists

Unordered Lists
Ordered Lists
Different Types of Ordered Lists
Different Types of Unordered Lists
Nested Lists
Nested Lists 2
Definition Lists

Instance Explanation


HTML Forms and Input

Creating Text Fields (Text fields)
Creating Password Fields
Creating Checkboxes
Creating Radio Buttons
Simple Dropdown Lists
Preselected Dropdown Lists
This example demonstrates how to create a text field (a multi-line text input control).
Creating a Button
This example demonstrates how to draw a box around data with a title.
A Form with a Text Field and Input Field
A Form with Checkboxes and Submit Button
A Form with Radio Buttons and Submit Button
A Form for Sending Emails

Instance Explanation


HTML iframe

Inline Frames (Inserting Frames in an HTML Page)

Instance Explanation


HTML Head Elements

Describes the document title
Default URL link in an HTML page
Provides document metadata

Instance Explanation


HTML Scripts

Insert a script
Use the <noscript> tag

Instance Explanation

More instances:https://www.jyshare.com/examples/

Other extensions