I don't know what these are for

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Cooking at Home | Home</title>
    <link href="" rel="stylesheet">
    <link href="" rel="stylesheet">
    <link href="" rel="stylesheet">
  </head>
  <body>
    <header>
      <div class="container">
        <nav>
          <div class="nav-brand">
            <a href="index.html">
              <img src="images/logo.png" alt="">              </a>
          </div>
        </nav>
      </div>

For fun I have been watching a video and following along with it to make a website with html and css. But I don’t know what these are for.

    <link href="" rel="stylesheet">
    <link href="" rel="stylesheet">
    <link href="" rel="stylesheet">
  </head>

Could you please help me?

1 Like

They are not being used. Since the href attribute is empty, they are not linking to any styles. You could test that by commenting them out. Since the rel attribute is stylesheet it looks like the intention was to pull in CSS, but the href attribute would need the path or name to that .css file.

2 Likes

These are external CSS . Let’s say you made the structure of a website using HTML, then for styling …you need CSS. You can write your CSS code in the same HTML document using the tag <style> your code......</style>.Or you can link an external CSS document to it (most used method ). In href attribute you write the address of you external CSS document .

Read this for better understanding :slight_smile:

2 Likes

Ohhhh! Thank you very much! Now I get it. Your awesome guys!

1 Like