Introduction au HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>title</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落</p>
</body>
</html>
Explication de l'élément :
Déclarez que l'élément de document HTML5 est l'élément racine de la page HTML. L'élément contient les métadonnées du document, telles que la définition du format d'encodage de la page Web en tant que utf-8.élément:元素描述了文档的标题 元素包含了可见的页面内容 <h1> 元素定义一个大标题 <p> 元素定义一个段落 </p></h1>
élément d'étiquette
L'élément définit l'intégralité du document HTML.élément d'étiquette
Les éléments définissent le corps d'un document HTML.-
élément d'étiquette
Diminution de la taille de 1 à 6
<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>
élément d'étiquette
déclarer un paragraphe
<!--style设置样式-->
<p style="color:red;" >哈哈哈哈</p>
élément d'étiquette
définir la ligne horizontale
<p style="color:red;" >哈哈哈哈</p><hr>
<p style="color:red;" >哈哈哈哈2</p>
élément d'étiquette
nouvelle ligne
Élément de balise de mise en forme du texte
| Étiqueter | décrire |
|---|---|
| b | définir le texte en gras |
| em | définir un texte emphatique |
| je | définir l'italique |
| petit | définir une petite police |
| fort | Définir l'accent |
| sous | définir l'indice |
| souper | définir l'exposant |
| ins | définir le curseur |
| du | définir supprimer mot |
élément d'étiquette
src="https://gimg3.baidu.com/search/src=http%3A%2F%2Fpics7.baidu.com%2Ffeed%2F2cf5e0fe9925bc31a19293177f1058bbc9137048.jpeg%3Ftoken%3D92e90a207b6a41c3ea25055686f26d32&refer=http%3A%2F%2Fwww.baidu.com&app=2021&size=f360,240&n=0&g=0n&q=75&fmt=auto?sec=1661274000&t=e0ada1a2a7ec9d4626ed370549f3ef84" alt="new" width="304" height="228">
élément d'étiquette
Les liens HTML sont définis par des balises.
<a href="https://www.baidu.com">百度一下</a>
Attributs de l'élément a :
| Les attributs | décrire |
|---|---|
| classe | Définissez un ou plusieurs noms de classe (classname) pour les éléments html (les noms de classe sont importés à partir de fichiers de style) |
| identifiant | Définir l'identifiant unique de l'élément |
| style | Spécifie le style en ligne d'un élément |
| titre | Décrit des informations supplémentaires sur l'élément (utilisé comme barre d'outils) |
Lien d'ancrage pour une balise
<a href="#ti">跳转到标题</a>
<p>我是内容</p>
<p>我是内容</p>
<p>我是内容</p>
<p>我是内容</p>
<p>我是内容</p>
<p>我是内容</p>
<p>我是内容</p>
<p>我是内容</p>
<p>我是内容</p>
<p>我是内容</p>
<p>我是内容</p>
<h1 id="ti">我是标题</h1>
<p>我是内容</p>
<p>我是内容</p>
<p>我是内容</p>
<p>我是内容</p>
<p>我是内容</p>
<p>我是内容</p>
<p>我是内容</p>
<p>我是内容</p>
<p>我是内容</p>
<p>我是内容</p>
La combinaison d'un élément et d'un élément img
<a href="www.baidu.com">
<img src="">
</a>
élément de balise span
Utilisé pour regrouper des éléments en ligne dans un document. Généralement, il fonctionne sur du texte ordinaire
<span class="haha" style="color: blue; font-size: 30px;">
<p>哈哈哈哈2</p>
<p>哈哈哈哈2</p>
<p>哈哈哈哈2</p>
</span>
élément de balise div
Implémenter des changements de style à un élément de contenu
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Lightly-HTML-Project</title>
<style>
.box1{
float: left;
}
.box2{
float: right;
}
</style>
</head>
<body>
<div class="box1">
<h1>sssss</h1>
<p>xixixi2</p>
</div>
<div class="box2">
<h3>dddd</h1>
<p>呵呵呵</p>
</div>
</body>
</html>