voici le nouveau HTML avec son fichier CSS

```html 
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="styles.css">
    <title>Mon site web simple</title>
  </head>
  <body>
    <h1>Titre de mon site</h1>
    <p>Voici un paragraphe de texte pour mon site web simple.</p>
    <h2>Liens utiles</h2>
    <ul>
      <li><a href="https://www.google.com/">Google</a></li>
      <li><a href="https://www.wikipedia.org/">Wikipedia</a></li>
      <li><a href="https://www.github.com/">GitHub</a></li>
    </ul>
  </body>
</html> 
```

Pensez à nommer votre fichier styles.css ou à changer le nom dans le HTML
```css
/* Change les liens en gris */

a{color: darkgrey;}


/* Les liens passe en bleu au survolage de la souris */

a:hover{color: blue;}


/* met le titre en haut de page */

h1.top-element{
    position: absolute;
    top: auto;
}


/* centre le paragraphe */

p.middle-element{
    width: auto;
    margin: auto;
    text-align: center;
}


/* positionne les liens en bas de page */

li.bottom-element{
    position: absolute;
    bottom: auto;
}
```
นี่คือ HTML ใหม่ที่มีไฟล์ CSS ```html <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css"> <title>เว็บไซต์เรียบง่ายของฉัน</title> < /head> <body> <h1>ชื่อเว็บไซต์ของฉัน</h1> <p>นี่คือย่อหน้าของข้อความสำหรับเว็บไซต์เรียบง่ายของฉัน</p> <h2>ลิงก์ที่มีประโยชน์</h2> <ul> <li> <a href="https://www.google.com/">Google</a></li> <li><a href="https://www.wikipedia.org/">วิกิพีเดีย</a ></li> <li><a href="https://www.github.com/">GitHub</a></li> </ul> </body> </html> ``` คิด เพื่อตั้งชื่อไฟล์ styles.css ของคุณหรือเปลี่ยนชื่อใน HTML ```css /* เปลี่ยนลิงค์เป็นสีเทา */ a{color: darkgrey;} /* ลิงค์เปลี่ยนเป็นสีน้ำเงินเมื่อเลื่อนเมาส์ */ a :hover {color: blue;} /* วางหัวเรื่องไว้ที่ด้านบนของหน้า */ h1.top-element{ ตำแหน่ง: แน่นอน; ด้านบน: อัตโนมัติ; } /* จัดกึ่งกลางย่อหน้า */ p.middle-element{ width: auto; ระยะขอบ: อัตโนมัติ; การจัดแนวข้อความ: กึ่งกลาง; } /* ตำแหน่งลิงก์ที่ด้านล่างของหน้า */ li.bottom-element{ ตำแหน่ง: สัมบูรณ์; ด้านล่าง: ตนเอง; } ```
spam fails_task lang_mismatch pii not_appropriate hate_speech sexual_content quality toxicity humor helpfulness creativity violence