HTML Examples https://www.w3schools.com/html/html_examples.

asp

HTML Examples
❮ ❯

HTML Basic
HTML document

HTML headings

HTML paragraphs

HTML links

HTML images

HTML buttons

HTML lists

HTML Attributes
The title attribute

The href attribute

The width and height attributes

The alt attribute

Attribute without quotes

1 sur 17 29/06/2025, 11:04

HTML Examples https://www.w3schools.com/html/html_examples.asp

Attribute without quotes does not work

HTML Headings
HTML headings

HTML horizontal rules

HTML head

HTML Paragraphs
HTML paragraphs

More HTML paragraphs

The use of line breaks in HTML

Poem problems (some problems with HTML formatting)

How to control the line breaks and spaces with the <pre> tag

HTML Styles
HTML styles

HTML background color

HTML text color

HTML text font

2 sur 17 29/06/2025, 11:04

HTML Examples https://www.w3schools.com/html/html_examples.asp

HTML text size

HTML text alignment

HTML Text Formatting

Bold formatting using the <b> element

Strong formatting using the <strong> element

Italic formatting using the <i> element

Emphasized formatting using the <em> element

Small formatting using the <small> element

Marked formatting using the <mark> element

Marked deleted using the <del> element

Marked inserted using the <ins> element

Marked deleted and inserted using <del> and <ins>

Subscript formatting using the <sub> element

Superscript formatting using the <sup> element

HTML Quotations and Citations

Formatting short quotations with the <q> element.

Formatting quoted sections with the <blockquote> element.

Formatting document author/owner information with the <address> element

3 sur 17 29/06/2025, 11:04

HTML Examples https://www.w3schools.com/html/html_examples.asp

Formatting abbreviations and acronyms the <abbr> element

Formatting work title with the <cite> element

Formatting text direction with the <bdo> element

HTML Comments
Hidden comments

Conditional comments

Comments for debugging

HTML CSS
HTML with inline CSS

HTML with internal CSS

HTML with external CSS

HTML with CSS fonts

HTML with CSS using the id attribute

HTML with CSS using the class attribute

HTML and CSS borders

HTML and CSS padding

HTML and CSS margin

HTML and CSS full demo

4 sur 17 29/06/2025, 11:04

HTML Examples https://www.w3schools.com/html/html_examples.asp

HTML Links
Linking, using an absolute URL

Linking, using a relative URL

Changing the color of links

Removing the underline from links

Changing the target of a link

An image as a link

Creating a bookmark link

A link that breaks out of a frame

A mailto link

A mailto link with subject

HTML Images
An image

An image height and width using attributes

An image height and width using CSS

An image height and width using both

An image in another folder

An image with a broken link

An image on another server

5 sur 17 29/06/2025, 11:04

HTML Examples https://www.w3schools.com/html/html_examples.asp

Using an image as a link

A moving image

An image map with clickable regions

A floating image

HTML Tables
Basic HTML tables

A table with borders

A table with collapsed borders

A table with cell padding

A table with headings

A table with left-aligned headings

Horizontal/Vertical table headings

A table with a caption

Table cells that span more than one column

Table cells that span more than one row

A table with cell spacing

A table with HTML tags inside

Tables with different style using id I

Tables with different style using id II

Tables with different style using class I

Tables with different style using class II

6 sur 17 29/06/2025, 11:04

HTML Examples https://www.w3schools.com/html/html_examples.asp

HTML Lists
An unordered list (default)

An unordered list with disc bullets

An unordered list with circle bullets

An unordered list with square bullets

An unordered list without bullets

An ordered list (default)

An ordered list with numbers

An ordered list with letters

An ordered list with lowercase letters

An ordered list with roman numbers

An ordered list with lowercase roman numbers

A description list

A nested list I

A nested list II

A horizontal list

A horizontal list menu

HTML Block and inline elements

The <div> element

7 sur 17 29/06/2025, 11:04

HTML Examples https://www.w3schools.com/html/html_examples.asp

The <span> element

Styling a <div> element

Styling a <span> element

HTML Div Element

<div> elements come with linebreaks

<div> as a container

Center align a <div> element

Multiple <div> elements

Floating <div> elements

Position <div> elements with display:inline-block

Position <div> elements with display:flex

Position <div> elements with display:grid

HTML Classes
Style all elements with a specified class name

Access elements with a specified class name, with JavaScript

Multiple classes

Same class, different tag

8 sur 17 29/06/2025, 11:04

HTML Examples https://www.w3schools.com/html/html_examples.asp

HTML Id
Style an element with a specific id

Difference between class and id

Access an element with a specific id, with JavaScript

HTML Layout
Layout using float

Layout using flexbox

Layout using flexbox 2

Layout using flexbox 3

HTML IFrame
Inline frame (a frame inside an HTML page)

HTML head Elements

A valid HTML document with no <html> <body, and <head>

A valid HTML document with no <head> element

The <title> element defines the document title

The <style> element contains style information

9 sur 17 29/06/2025, 11:04

HTML Examples https://www.w3schools.com/html/html_examples.asp

The <link> element defines a relationship to an external resource

The <meta> element defines special meta information

The <script> element defines client-side JavaScripts

The <base> element defines the base URL for all URLs

HTML Scripts
Insert a script

Use of the <noscript> tag

HTML Computercode Elements

Keyboard input formatting using the <kbd> element

Computer output formatting using the <samp> element

Programming code formatting using the <code> element

Programming code formatting preserving whitespace and line-breaks

Variable formatting using the <var> element

HTML Forms
Form with text input

Form with radio button input

10 sur 17 29/06/2025, 11:04

HTML Examples https://www.w3schools.com/html/html_examples.asp

Form with text fields and a submit button

Form with a text fields without a name attribute

Grouping Form Data

HTML Form Elements

A simple drop-down list

A drop-down list with a pre-selected value

A textarea (a multi-line text input field)

An input button

Using the <datalist> Element

Using the <output> Element

HTML Input Types

Input type text

Input type password

Input type radio

Input type checkbox

Input type button

Input type number - with restrictions

Input type number - with steps

Input type date - with date picker

11 sur 17 29/06/2025, 11:04

HTML Examples https://www.w3schools.com/html/html_examples.asp

Input type date - with restrictions

Input type color - with color picker

Input type range

Input type month

Input type week

Input type time

Input type datetime-local

Input type email

Input type search

Input type tel

Input type url

HTML Input Attributes

The autocomplete attribute

The novalidate attribute

The autofocus_attribute

The form attribute

The formaction attribute

The formenctype attribute

The formmethod attribute

The formnovalidate attribute

The formtarget attribute

12 sur 17 29/06/2025, 11:04

HTML Examples https://www.w3schools.com/html/html_examples.asp

The height and width attributes

The list attribute

The min and max attributes

The multiple attribute

The pattern attribute

The placeholder attribute

The required attribute

The step attribute

HTML Canvas Graphics

Draw on the canvas with JavaScript

Draw a line with lineTo()

Draw a circle with arc()

Draw a text with fillText()

Draw a text with strokeText()

Draw a linear gradient

Draw a circular gradient

Draw an image with drawImage()

HTML SVG Graphics

SVG Circle

13 sur 17 29/06/2025, 11:04

HTML Examples https://www.w3schools.com/html/html_examples.asp

SVG Rectangle

SVG Rounded Rectangle

SVG Star

SVG Logo

HTML Media
Play Bunny

Play bear video with controls

Play bear video with autoplay

Play Horse sound with controls

HTML Geolocation
Get geolocation coordinates

Handle geolocation errors

Get geolocation and watch the position

HTML Local Storage

Store a name permanently

Store a counter permanently

14 sur 17 29/06/2025, 11:04

HTML Examples https://www.w3schools.com/html/html_examples.asp

Store a counter for one session

HTML Media
Play a video file

Play an audio file in HTML

Play a YouTube video in HTML

More HTML Examples

HTML drag and drop

HTML web workers

HTML server sent events

❮ ❯

15 sur 17 29/06/2025, 11:04

HTML Examples https://www.w3schools.com/html/html_examples.asp

COLOR PICKER

16 sur 17 29/06/2025, 11:04

HTML Examples https://www.w3schools.com/html/html_examples.asp

FORUM ABOUT ACADEMY

W3Schools is optimized for learning and training. Examples might be simplified to improve
reading and learning.
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot
warrant full correctness
of all content. While using W3Schools, you agree to have read and accepted our terms of
use, cookie and privacy policy.

Copyright 1999-2025 by Refsnes Data. All Rights Reserved. W3Schools is Powered by

W3.CSS.

17 sur 17 29/06/2025, 11:04