HTML instance

HTML Foundation

A very simple HTML document

HTML title

HTML paragraph

HTML link

HTML picture

Instance parsing

HTML title

HTML title

Insert comments in the HTML source code

Insert Horizontal Line

Instance parsing

HTML paragraph

HTML paragraph

More paragraphs

This example demonstrates the use of line folding in HTML documents.

Some issues with HTML formatting.

Instance parsing

HTML text formatting

Text formatting

This example demonstrates how to use the pre tag to control empty lines and spaces.

This example demonstrates the display effect of different “computer output” tags.

This example demonstrates how to write an address in an HTML file.

`This example demonstrates how to implement abbreviations or acronyms.<https://www.runoob.com/try/try.php?filename=tryhtml_abbr>`__

This example demonstrates how to change the direction of text.

This example demonstrates how to implement quotes with varying lengths.

Text underline and strikethrough

Instance parsing

HTML style

HTML Style element

Background color style

Font style, color, size

Text alignment style

Set Text Font

Set text font size

Set text font color

`Set text font, font size, font color<https://www.runoob.com/try/try.php?filename=tryhtml_fontall>`__

HTML uses different styles

Links without underline

Link to an external style sheet

Instance parsing

HTML link

Create a hyperlink

Use images as links

Open link in a new browser window

Link to different locations on the same page

Jump out of frame

Create email link

Create email link2

Instance parsing

HTML image

insert graphic images

Insert images from different positions

Arrange images

This example demonstrates how to float an image to the left or right of a paragraph.

Create image links

Create image mapping

Instance parsing

HTML form

A simple table

Table without borders

The header in the table

Table with title

Table cells that span rows or columns

Labels within the table

`Cell padding<https://www.runoob.com/try/try.php?filename=tryhtml_table_cellpadding>`__

`Cell spacing<https://www.runoob.com/try/try.php?filename=tryhtml_table_cellspacing>`__

Instance parsing

HTML list

Unordered list

Ordered List

Ordered lists of different types

Unordered lists of different types

Nested list

Nested list 2

Definition list

Instance parsing

HTML Forms and Input

`Text fields<https://www.runoob.com/try/try.php?filename=tryhtml_input>`__

Create password domain

Check box

Radio button

Simple dropdown list

Pre selection dropdown list

This example demonstrates how to create a text field (multi line text input control).

Create a button

This example demonstrates how to draw a box with a title around the data.

Form with text and input fields

Form with checkbox and submit button

Form with radio box and submit button

Send email form

Instance parsing

HTML iframe

Inline frames (inserting frames into HTML pages)

Instance parsing

HTML header element

Describe the document title

`Default URL links in HTML pages<https://www.runoob.com/try/try.php?filename=tryhtml_base>`__

Provide document metadata

Instance parsing

HTML script

Insert a script

Using <noscript> tags

Instance parsing