Basic Level:
- Create an HTML document with the proper document structure.
- Add metadata to your HTML document, including the document title and character set.
- Use semantic HTML tags like
<header>
,<nav>
, and<footer>
to structure your content. - Create a basic HTML page with headings (h1-h6) and sections.
- Use attributes to add extra information to HTML elements.
Intermediate Level:
- Write a paragraph of text with various inline elements, such as
<strong>
,<em>
, and<u>
. - Create a navigation menu with links to different sections of your page.
- Build a table with multiple rows and columns, including headers.
- Design a contact form with fields for name, email, and a text area for comments.
- Insert images and videos into your HTML page.
Advanced Level:
- Utilize HTML5 features like
<audio>
and<video>
to include media files in your webpage. - Develop a template element with slots and shadow DOM.
- Implement HTML APIs like the Geolocation API or Web Storage API.
- Ensure your HTML is accessible by appropriately using the
tabindex
attribute for keyboard navigation. - Explore less common inline text elements like
<mark>
,<code>
, and<kbd>
. - Create an HTML5
<details>
and<summary>
element to hide and reveal additional content. - Use the HTML
<dialog>
element to create a modal dialog box.