> For the complete documentation index, see [llms.txt](https://web-dev-guide.wishtack.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://web-dev-guide.wishtack.io/html/html-tags.md).

# HTML Tags

Some HTML tags describe the **semantic structure and features** of a web page.

## Semantic tags

**Semantic structure** is mainly used for SEO *(**Search Engine Optimization**)* and **accessibility**.

```markup
<html>

    <head>
        <title>Wishtack Course</title>
    </head>

    <body>

        <h1>Wishtack</h1>

        <p>Wishtack is cool...</p>

    </body>

</html>
```

<https://www.w3schools.com/html/html5_semantic_elements.asp>

{% embed url="<https://www.w3schools.com/html/html5_semantic_elements.asp>" %}

## Component tags

Other tags are used to add **components** to the web page.

```markup
<!-- Link. -->
<a href="https://www.wishtack.com">Wishtack</a>

<!-- Image. -->
<img src="https://www.wishtack.com/logo.svg">

<!-- Form. -->
<form
        action="/submit"
        method="POST">

    <input
            name="userName"
            placeholder="Enter your name here"
            type="text">
    
    <button type="submit">Submit</button>
    
</form>
```
