Home

HTML Elements and Tags

<ul> - Used to define an Unordered List

Example:
  • Dog
  • Cat
  • Fish
  • Bird

<ol> - Used to define an Ordered List

Example:
  1. Spring
  2. Summer
  3. Autumn
  4. Winter

<li> - Used inside <ul> and <ol> tags to define list items, appearing typcially with bullet points for <ul> and with either numbers or letters in an <ol>

Example:

Ordered List:

  1. red
  2. orange

Unordered List:

  • yellow
  • green

<img> - Used to embed an image into the page

Example: Porto Portugal

<map> - Used with <img> to create an interactive image map that allows the user to click different areas of the picture

Example:

Find Nyla!

Nyla Hiding in Bushes Nyla Hiding in Bushes

<del> - Used to define deleted text from a document, most commonly depicted by a strike-through formatting

Example:

This is an example of deletion of text

<ins> - Used to define text that has been inserted into a document, most commonly depicted using an underline formatting

Example:

This is an example of insertion of text

<abbr> - Used to define an abbreviation or acronym when hovered over by a user or read by a screen reader

Example:

This is an eg of the abbreviation tag icydk

<summary> - Used as the clickable label for the <details> element to be revealed or hidden

Example:

The summary tag was the "Example" toggle you just clicked!

<details> - Used to create a widget that can display additional information, used with <summary> as the clickable element

Example:

This is the details section of the details tag

<object> - Used to create a container for an external resource like images, web pages, media players or plug-in applications although with much less functionality for modern browswers

Example: