This is a paragraph...
This is a paragraph in a subheading...
Headings are important for search engines to understand the structure and content of a page. They are also important for screen reader users.
Headings should be used in order.
This is the most important heading,
and should be used for the main heading of the page.
This is a subheading, and should be used for the main sections of the page.
You can see that the source code formating
is not reflected in the HTML page.
To really enforec a line break
you need to use the br tag.
This is now
exactly formated
as you
type it here...
Lists are important for structuring content. There are two types of lists in HTML: unordered lists and ordered lists. Unordered lists are for lists where the order of the items doesn't matter, for example a shopping list. Ordered lists are for lists where the order of the items does matter, for example a recipe.
Unordered lists are created with the ul element. Each item in the list is placed inside a li element. The list items are marked with bullets (typically small black circles).
Ordered lists are created with the ol element. Each item in the list is placed inside a li element. The list items are marked with numbers by default.
Definition lists are created with the dl element. Each item in the list is placed inside a dt element (for the term being defined) or a dd element (for the definition).
Lists can be nested inside each other. This is useful for lists of related items. For example, a list of ingredients for a recipe could be nested inside an ordered list.
Links are created with the a element. The text between the opening and closing a tags is the link text. The value of the href attribute is the URL of the link.
Links can also be created to other pages on the same site. This is called an internal link. Internal links are useful for creating a navigation menu for a website.
This is an internal link to the index page
Links can also be created to other parts of the same page. This is called an anchor link. Anchor links are useful for creating a table of contents for a long page.
This is an anchor link to the section 1 heading
Images are created with the img element. The value of the src attribute is the URL of the image. The value of the alt attribute is the alternative text for the image. The alternative text is used by screen readers for blind users, and is also displayed if the image fails to load.
Tables are created with the table element. Each row in the table is created with the tr element. Each cell in the table is created with the td element. The th element is used for the table header.
| Column 1 | Column 2 |
|---|---|
| Row 1, Column 1 | Row 1, Column 2 |
| Row 2, Column 1 | Row 2, Column 2 |
Forms are created with the form element.
HTML5 introduced a number of new elements that have a semantic meaning.
HTML5 introduced a number of new elements for multimedia.