comment écrire du HTML

WBOY
Libérer: 2023-05-21 09:51:06
original
827 Les gens l'ont consulté

HTML (Hypertext Markup Language) est un langage de balisage utilisé pour créer des pages Web. C'est la base de la création de pages Web. Dans cet article, nous expliquerons comment écrire du HTML et ajouter du style et des fonctionnalités à votre site Web.

  1. Rédaction de documents HTML

Les documents HTML sont composés de balises et les balises peuvent être imbriquées. Chaque balise a une balise d'ouverture et une balise de fermeture, par exemple :

<html>
<head>
    <title>这是网页标题</title>
</head>
<body>
    <h1>欢迎来到我的网站</h1>
    <p>这是一个段落</p>
</body>
</html>
Copier après la connexion

Dans cet exemple, nous avons une balise racine de HTML, une balise contient le contenu de la page Web. Dans la balise , nous avons une balise

pour le titre et une balise

  1. Balises et attributs

Les balises HTML peuvent avoir des attributs pour préciser les caractéristiques de la balise. Par exemple, la balise peut spécifier l'URL de l'image via l'attribut src, comme indiqué ci-dessous :

<img src="https://example.com/image.jpg" alt="这是图像的描述">
Copier après la connexion

Dans cet exemple, nous avons spécifié l'URL de l'image à l'aide de l'attribut src, et l'attribut alt fournit une description de l'image.

  1. Liens

Dans une page Web, nous pouvons ajouter des liens vers d'autres pages Web ou des fichiers locaux. Utilisez la balise pour créer un lien, par exemple :

Dans cet exemple, nous précisons l'URL de la cible du lien à l'aide de l'attribut href.

  1. Listes

Nous pouvons utiliser des listes pour organiser les informations. HTML propose deux types de listes : les listes ordonnées et les listes non ordonnées. Les listes ordonnées utilisent la balise

    , tandis que les listes non ordonnées utilisent la balise
      . Par exemple :

      <ol>
          <li>第一项</li>
          <li>第二项</li>
          <li>第三项</li>
      </ol>
      
      <ul>
          <li>第一项</li>
          <li>第二项</li>
          <li>第三项</li>
      </ul>
      Copier après la connexion

      Dans cet exemple, nous créons une liste ordonnée en utilisant la balise

        et une liste non ordonnée en utilisant la balise
          .

          1. Styles

          Nous pouvons utiliser CSS (Cascading Style Sheets) pour ajouter des styles au site Web. CSS est un langage de feuille de style utilisé pour décrire l'apparence et la mise en page des pages Web. Par exemple :

          <!DOCTYPE html>
          <html>
          <head>
              <title>这是网页标题</title>
              <style>
                  h1 {
                      color: red;
                      font-size: 48px;
                  }
                  p {
                      font-size: 24px;
                      line-height: 1.5;
                  }
              </style>
          </head>
          <body>
              <h1>欢迎来到我的网站</h1>
              <p>这是一个段落</p>
          </body>
          </html>
          Copier après la connexion

          Dans cet exemple, nous intégrons la balise