My First Heading

My first paragraph.

This is heading 1

This is heading 2

This is heading 3

Heading 4

Heading 5

Heading 6

This is a link W3Schools.com

This is a
paragraph with a line break.

This is a red paragraph.

This is a paragraph.

Heading 1

This paragraph contains a lot of lines in the source code, but the browser ignores it.

This paragraph contains a lot of spaces in the source code, but the browser ignores it.

The number of lines in a paragraph depends on the size of the browser window. If you resize the browser window, the number of lines in this paragraph will change.

This is heading 1

This is some text.

This is heading 2

This is some other text.

This is heading 2

This is some other text.

This is
a paragraph
with line breaks.

My Bonnie lies over the ocean. My Bonnie lies over the sea. My Bonnie lies over the ocean. Oh, bring back my Bonnie to me.

   My Bonnie lies over the ocean.

   My Bonnie lies over the sea.

   My Bonnie lies over the ocean.
   
   Oh, bring back my Bonnie to me.

I am red

I am blue

I am big

This is a heading

This is a paragraph.

This is a heading

This is a paragraph.

This is a heading

This is a paragraph.

Centered Heading

Centered paragraph.

This text is bold

This text is italic

This is_subscript and ^superscript

This text is important! This text is emphasized This is some smaller text.

Do not forget to buy milk today.

My favorite color is ~~blue~~ red.

Here is a quote from WWF's website:

For 60 years, WWF has worked to help people and nature thrive. As the world's leading conservation organization, WWF works in nearly 100 countries. At every level, we collaborate with people around the world to develop and deliver innovative solutions that protect communities, wildlife, and the places in which they live.

WWF's goal is to: Build a future where people live in harmony with nature.

The WHO was founded in 1948.

Written by John Doe.
Visit us at:
Example.com
Box 564, Disneyland
USA

The Scream by Edvard Munch. Painted in 1893.

This text will be written from right to left

This is a paragraph.

Hello World

Same as color name "Tomato":

rgb(255, 99, 71)

#ff6347

hsl(9, 100%, 64%)

Same as color name "Tomato", but 50% transparent:

rgba(255, 99, 71, 0.5)

hsla(9, 100%, 64%, 0.5)

In addition to the predefined color names, colors can be specified using RGB, HEX, HSL, or even transparent colors using RGBA or HSLA color values.

rgb(255, 0, 0)

rgb(0, 0, 255)

rgb(60, 179, 113)

rgb(238, 130, 238)

rgb(255, 165, 0)

rgb(106, 90, 205)

#ff0000

#0000ff

#3cb371

#ee82ee

#ffa500

#6a5acd

hsl(0, 100%, 50%)

hsl(240, 100%, 50%)

hsl(147, 50%, 47%)

hsl(300, 76%, 72%)

hsl(39, 100%, 50%)

hsl(248, 53%, 58%)

Visit W3Schools.com!

Visit W3Schools!

If target="_blank", the link will open in a new browser window or tab.

Absolute URLs

W3C

Google

Relative URLs

HTML Images

CSS Tutorial

Image as a Link

The image below is a link. Try to click on it.

Link to an Email Address

To create a link that opens in the user's email program (to let them send a new email), use mailto: inside the href attribute:

Send email

Button as a Links

Click the button to go to the HTML tutorial.

External Paths

This example uses a full URL to link to a web page:

HTML tutorial

Jump to Chapter 4

Jump to Chapter 10