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.
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>
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
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="这是图像的描述">
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.
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 :
<a href="https://example.com/">这是一个链接</a>
Dans cet exemple, nous précisons l'URL de la cible du lien à l'aide de l'attribut href.
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
<ol> <li>第一项</li> <li>第二项</li> <li>第三项</li> </ol> <ul> <li>第一项</li> <li>第二项</li> <li>第三项</li> </ul>
Dans cet exemple, nous créons une liste ordonnée en utilisant la balise
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>
Dans cet exemple, nous intégrons la balise