Previous task
Structure of HTML page3/10
Back to the list of tasks
  1. 1. Where HTML begins
  2. 2. The simplest HTML page
  3. 3. HTML page title
  4. 4. HTML page encoding
  5. 5. Connecting styles
  6. 6. Connecting external styles
  7. 7. The mystery of the CSS editor
  8. 8. Connecting scripts
  9. 9. Connecting external scripts
  10. 10. Connecting external styles and scripts again
Nest task
  • Courses
  • Sign up
  • Log in

Loading...
It will be ready in a few seconds.

  • Theory
  • Theory

HTML page title

The page title is the text that appears in the top left corner of the browser, as well as in tabs.

To set the page title, you need to use the <title> tag inside the <head> tag. For example:

<head>
  <title>Instructor Cupcake's Blog</title>
</head>
  • index.html
  • style.css
HTML
<!DOCTYPE html> <html> <head> <title>Just Cupcake</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>&lt;title&gt; tag</h1> <img src="keks.jpg" alt=""> <p>This tag indicates the title of the page.</p> <p>It makes it very easy to navigate between multiple open tabs.</p> <p>Instructor Cupcake recommends using simple page titles.</p> </body> </html>
CSS
body { margin: 20px; font-size: 18px; line-height: 24px; } h1 { font-size: 52px; line-height: 64px; font-family: "Monaco", "Courier", monospace; color: #618ad2; } img { float: right; width: 200px; margin-left: 20px; border-radius: 10px; }

The code has changed, click "Update" or enable autorun.

You have moved to another page

Click inside the mini-browser to highlight this window.

100%
GoalsCompleted
0
    1. Change the page title from Just Cupcake to Instructor Cupcake.

    © 2023-2024, codehero.pro