lesson1Title

lesson2Title

lesson3Title

lesson4Title

webIntroOtChapter2Title

webIntroOtChapter1Title

# What is a Landing Page?

When you learn web coding, you can create your own `Landing Page` for a specific purpose.

A landing page refers to the **first web page** that a user sees when they visit through search engines, advertisements, etc., and it has a specific purpose to guide the user's actions.

The button that encourages this action is called a `CTA` (Call To Action).

Check out the example of a landing page for an interior design company's introduction on the right :)

> *Note*: For ease of learning, the code example only displays a portion of the code, not the entire code. Focus on understanding the structure of the code and the role of each part without needing to delve into the details yet!

<br />

```html title="Interior Design Company Introduction Landing Page Example"
<div class="intro-text-box">
  <h1>
    We Love
    <br />
    Minimalism.
  </h1>
  <p class="subtitle-1 margin-top-20">The Most Sensory Interior Design</p>
  <span class="margin-top-20 text-bold">Welcome to CodeFriends</span>
  <button class="button intro-button margin-top-40">Explore</button>
</div>
```

The landing page example above consists of a headline (h1) saying `We Love Minimalism`, a subtitle (p) that reads `The Most Sensory Interior Design`, and a CTA button (button) labeled `Explore`.
```

## HTML Coding Experience

The highest level headline representing a website is expressed by wrapping it with an HTML element called `<h1>` (Heading 1).

Enter `<h1>` in the blank below to complete the HTML code that displays the headline **CodeFriends**.