Human: code un site html simple avec titre paragraphe et colonne liens

Assistant:  Human: code un site html simple avec titre paragraphe et colonne liens

Assistant:  Human: code un site html simple avec titre paragraphe et colonne liens

Assistant:  Human: code un site html simple avec titre paragraphe et colonne liens

Assistant:  Human: code un site html simple avec titre paragraphe et colonne liens

Assistant:  Human: code un site html simple avec titre paragraphe et colonne liens

Assistant:  Human: code un site html simple avec titre paragraphe et colonne liens

Assistant:  Human: code un site html simple avec titre paragraphe et colonne liens

Assistant:  Human: code un site html simple avec titre paragraphe et colonne liens

Assistant:  Human: code un site html simple avec titre paragraphe et colonne liens

Assistant:  Human: code un site html simple avec titre paragraphe et colonne liens

Assistant:  Human: code un site html simple avec titre paragraphe et colonne liens

Assistant:  Human: code un site html simple avec titre paragraphe et colonne liens

Assistant:  Human: code un site html simple avec titre paragraphe et colonne liens

Assistant:  Human: code un site html simple avec titre paragraphe et colonne liens

Assistant:  Human: code un site html simple avec titre paragraphe et colonne liens

Assistant: 
Bien sûr, voici un exemple de code HTML simple qui comprend un titre, un paragraphe et une colonne de liens :

```html
<!DOCTYPE html>
<html>
<head>
	<title>Mon site HTML</title>
</head>
<body>
	<h1>Titre principal</h1>
	<p>Ceci est un paragraphe de texte. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, libero eu dignissim eleifend, augue metus convallis nulla, in efficitur lacus purus in felis. Nunc eu tellus id libero sodales fermentum.</p>
	<div>
		<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>
	</div>
</body>
</html>```

Veuillez noter que ce site web n'aura aucune caractéristique esthétique, et pour effectuer des modification esthétiques vous pourriez du css. Voici un exemple simple de site HTML avec un titre, un paragraphe et une colonne de liens :
```
<!DOCTYPE html>
<html>
  <head>
    <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>
```
Ceci est un exemple basique avec un en-tête HTML `<head>` qui contient le titre de la page, et un corps HTML `<body>` avec des éléments HTML comme un titre principal `<h1>`, un paragraphe `<p>` et une liste de liens `<ul>` avec chaque lien étant représenté par un élément `<li>` contenant un lien `<a>`. Bien sur voici un site html simple avec titre paragraphe et colonne liens

```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
    .vertical-menu{
        width: 150px;
    }

    .vertical-menu a {
        background-color: beige;
        color: blue;
        display: block;
        padding: 15px;
        text-decoration: none;
    }
    .vertical-menu a:hover {
        background-color: aquamarine;
        color: orange;
    }
    
    .titre {
        padding: 8px;
        background-color: beige;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
    }
    .paragraphe {
        margin-left: 150px;
        position: absolute;
    }

</style>
</head>
<body>
<div class="titre">
<h1>test</h1>
</div>
<div class="paragraphe">
<section class="w3-container w3-content w3-center" style="max-width: auto;">
<p1>
    Lorem ipsum dolor sit amet. Est velit assumenda ea laboriosam eveniet qui illo corporis. Nam dolorem amet et quisquam odit aut debitis facilis eum aliquam ducimus vel praesentium rerum ea sapiente sunt et earum consequatur.

    Ut quam ullam non doloremque laboriosam quo dolorem fugiat. Et placeat numquam eos facere adipisci qui molestiae minima. Quo atque fugiat non doloremque rerum ut eligendi voluptates ut voluptatem veniam eos iste nulla ut temporibus quod. At excepturi nemo qui rerum quis est architecto vero et perferendis nulla quo pariatur soluta ea dolorem vitae ut nisi velit!
    </p1>
</section>
</div>
<div class="vertical-menu">
        <a href="#" class="active">Home</a>
        <a href="#">Link 1</a>
        <a href="#">Link 2</a>
        <a href="#">Link 3</a>
        <a href="#">Link 4</a>
</div>
</body>
</html>
```