Advertisement

HTML Examples

HTML base tag instance

A simple HTML file
This example is a very simple HTML file, using as few HTML tags. It shows you the contents of the body element is how the browser displays.
Simple paragraphs
This example demonstrates: Paragraph text elements are shown how the browser.
More paragraphs
Some default behavior This example demonstrates the paragraph element.
"Poetry" Problem
This example demonstrates some of the problems in the HTML format.
Wrap
This example demonstrates the use of off-line in the HTML document.
title
This example demonstrates that displays the title tag in the HTML document.
Centered Titles
This example demonstrates a title centered arrangement.
Level
This example demonstrates how to insert a horizontal line.
Hide comments
This example demonstrates how to insert hidden comments in the HTML source code.
background color
This example demonstrates how to add a background color for the HTML page.

Example Explained

Examples of HTML text formatting

Text Formatting
This example demonstrates how the HTML file in a text format
Preformatted text
This example demonstrates how to use the pre tags blank lines and spaces controlled.
"Computer Output" Tags
This example demonstrates the effect of displaying different "computer output" tags.
address
This example demonstrates how to write the address in the HTML file.
Abbreviations and acronyms
This example demonstrates how to implement an abbreviation or acronym.
Text Direction
This example demonstrates how to change the direction of the text.
Block quote
This example demonstrates how to implement different lengths of quotation.
Delete the word insert effects and effect of the word
This example demonstrates how to insert text and delete text tags.

Example Explained

HTML link instance

Creating hyperlinks
This example demonstrates how to create a link in an HTML document.
An image as a link
This example demonstrates how to use an image as a link.
Open link in a new browser window
This example demonstrates how to open a page in a new window, so visitors do not need to leave your site up.
Link to a different location on the same page
This example demonstrates how to use the links to jump to another part of the document
Outside the box
This example demonstrates how to jump out of the frame, if your page is secured within the framework.
Create e-mail link
How This example demonstrates how to link a message. (In this case to work after you install the mail client.)
Create e-mail link 2
This example demonstrates a more complex e-mail link.

Example Explained

HTML framework instance

Vertical frame
This example demonstrates: how to use three different document production a vertical frame.
Horizontal frame
This example demonstrates: how to use three different document production a horizontal frame.
How to use the <noframes> tag
This example demonstrates: how to use the <noframes> tag.
Hybrid frame structure
This example demonstrates how to create a frame containing three documents, while mixing them placed among the rows and columns.
Containing noresize = "noresize" frame structure property
This example demonstrates noresize property. In this case, the frame can not be resized. Drag the mouse on the border between the frame, you will find that the border can not be moved.
Navigation frame
This example demonstrates how to make a navigation frame. The navigation frame contains a second frame as the target list of links. File named "contents.htm" contains three links.
Inline frame
This example demonstrates how to create an inline frame (HTML page framework).
Jump to a specific section within the framework of
This example demonstrates two frames. A framework which provided a link to another file in the specified section. Within this "link.htm" file specified section using <a name="C10"> identified.
Use frame navigation jump to the specified section
This example demonstrates two frames. Navigation frame on the left contains a list of links, the links will be the second frame as the target. The second frame shows the linked document. Navigation framework with links to the target file in the specified section.

Example Explained

HTML table instance

form
This example demonstrates how to create a table in an HTML document.
Table Border
This example demonstrates the various types of table borders.
No border table
This case did not demonstrate a table border.
Table header (Heading)
This example demonstrates how to display the table header.
Empty Cells
This example shows how to use the "& nbsp;" no content processing cell.
Table with headings
This example demonstrates with a title (caption) of the form
Interbank across columns or table cell
This example demonstrates how to define cross or across columns of a table cell.
Tags within the table
This example demonstrates how to display elements in different elements.
Cell padding (Cell padding)
This example demonstrates how to use the Cell padding to create a blank cell content and its borders between.
Cell spacing (Cell spacing)
This example demonstrates how to use the Cell spacing to increase the distance between the cells.
Add a background color or background image to the table
This example demonstrates how to add a background form.
Unit Add a background color or background image to the table
This example demonstrates how to add one or more table cell background.
Content arranged in a table cell
This example demonstrates how to use the "align" attribute cell contents are arranged in order to create an aesthetically pleasing form.
Frame (frame) property
This example demonstrates how to use the "frame" attribute to control the borders around the table.

Example Explained

HTML List Examples

Unordered list
This example demonstrates an unordered list.
Ordered List
This example demonstrates an ordered list.
Different types of unordered list
This example demonstrates an unordered list.
An ordered list of different types of
This example demonstrates an ordered list of different types.
Nested list
This example demonstrates how nested list.
Nested list 2
This example demonstrates a more complicated nested list.
Definition List
This example demonstrates a definition list.

Example Explained

Examples of HTML form input

Text field (Text fields)
This example demonstrates how to create a text field in the HTML page. The user can write text in a text field.
Password field
This example demonstrates how to create an HTML password field.
Checkbox
This example demonstrates how to create a check box in an HTML page. The user can select or deselect the check box.
single button
This example demonstrates how to create radio buttons in HTML.
Simple drop-down list
This example demonstrates how to create a simple drop-down list box in an HTML page. Drop-down list box is an optional list.
Another drop-down list
This example demonstrates how to create a simple drop-down list with a preselected value. (Translator's Note: refers to a preselected value preferences specified in advance.)
Text fields (Textarea)
This example demonstrates how to create a text field (multi-line text input control). The user can write text in a text field. In the text field, you can write an unlimited number of words of the characters.
Create button
This example demonstrates how to create a button. You can text on the button can be customized.
Fieldset around data
This example demonstrates how to draw a box around the data with a title.

Form instance

Input box and confirm the form with buttons
This example demonstrates how to add a form page. This form contains two input fields and a confirmation button.
Form with checkboxes
This form contains two checkboxes, and a confirmation button.
Form with radio buttons
This form contains two boxes and a confirmation button.
Send e-mail from a form
This example demonstrates how to send e-mail from a form.

Example Explained

HTML Image Examples

Insert an image
This example demonstrates how to display images in a Web page.
Insert pictures from different locations
This example demonstrates how different folder or server images to display Web pages.
Background picture
This example demonstrates how to add a background image to an HTML page.
Arrangement pictures
This example demonstrates how to arrange the images in the text.
Floating Images
This example demonstrates how to make the image float to the left or right paragraph.
Resize
This example demonstrates how to adjust to a different image sizes.
Replacement text displayed as a picture
This example demonstrates how to display the image as replacement text. When a browser can not load images, replace text attribute tells readers lose information. The image on the page are combined with the substitution text property is a good habit.
Create an image link
This example demonstrates how to use the image as a link.
Creating an image map
This example shows how to create image maps with clickable areas. Each of these regions is a hyperlink.
The image is converted to an image map
This example shows how an ordinary image as an image map.

Example Explained

HTML Background Examples

With a good background and color
A background color and text color with a good example, so that the text is easy to read page.
With poorly and background color
A background color and text colors poorly example, make the text difficult to read the page.
Availability of strong background image
Background image and text color to make the text easier to read pages of examples.
Availability of strong background image 2
Another background image and text color to make the text easier to read pages of examples.
Background image usability difference
Background image and text color to make the text difficult to read the example pages.

Example Explained

HTML style (style) Examples

HTML in style
This example demonstrates how to use the information to add to the style <head> section of the HTML format.
No underlined link
This example demonstrates how to use a style attribute do not underline links.
Link to an external stylesheet
This example demonstrates how <link> tag to link to an external stylesheet.

Example Explained

HTML head (head) Examples

The title of the document
Head element inside the header information is not displayed in the browser window.
A target, all the links
This example shows how to use the base tag to make all labels page open in a new window.

Example Explained

HTML meta-information (meta) Examples

Document Description
Meta elements of information may describe an HTML document.
Document Keywords
Meta elements of information may describe a document keyword.
Redirection
This example demonstrates: in the case of the URL has changed, users will be redirected to another address.

Example Explained

HTML script (Script) Examples

Insert a script
This example demonstrates how to insert scripts into HTML documents.
Running on a browser does not support script
This example demonstrates how to deal with the browser does not support script.

Example Explained