私の謝罪、HTMLのコメントは `<！ - 私のコメント - >`のようにフォーマットされています。これが固定バージョンです：

`` html
<！ - これがホームページです。ファイルindex.html->に保存できます
<！doctype html>
<html>
  <head>
    <Title>クッキングWebサイト</title>
    <style>
      #menu {
        ディスプレイ：Flex;
        Justify-Content：Flex-end;
        Align-Items：Center;
        バックグラウンドカラー：＃8BC34A;
        パディング：10px;
      }
      #menu a {
        パディング：10px;
        テキスト装置：なし;
        色：＃333;
      }
      #menu A：Hover {
        バックグラウンドカラー：＃689F38;
      }
    </style>
  </head>
  <body>
    <div id = "menu">
      <a href="html/favourite-recipes.html">お気に入りのレシピ</a>
      <a href="html/favourite-coking-websites.html">お気に入りの料理Webサイト</a>
    </div>
    <div id = "main">
        <h1>私の料理のウェブサイト</h1>
    </div>
  </body>
</html>
`` `
My apologies, HTML comments are formatted like `<!-- My comment -->`. Here is the fixed version:

```HTML
<!-- Here is the home page. You can store it in file index.html -->
<!DOCTYPE html>
<html>
  <head>
    <title>Cooking Website</title>
    <style>
      #menu {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        background-color: #8bc34a;
        padding: 10px;
      }
      #menu a {
        padding: 10px;
        text-decoration: none;
        color: #333;
      }
      #menu a:hover {
        background-color: #689f38;
      }
    </style>
  </head>
  <body>
    <div id="menu">
      <a href="html/favourite-recipes.html">Favourite Recipes</a>
      <a href="html/favourite-cooking-websites.html">Favourite Cooking Websites</a>
    </div>
    <div id="main">
        <h1>My Cooking Website</h1>
    </div>
  </body>
</html>
```