Les bases du HTML

Apprenons quelques balises HTML de base à travers quelques exemples

Titre HTML

Le titre HTML (Heading) est défini via les balises <h1> - <h6>

L'instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
 
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>
 
</body>
</html>

affichera :

C'est. titre 1

Voici le titre 2

Voici le titre 3

Voici le titre 4

C'est le titre 5

C'est le titre 6


Paragraphe HTML

Le paragraphe HTML est défini par la balise <p>.

Exemple

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
 
<p>一个段落。</p>
<p>另一个段落。</p>
<p>还是一个段落。</p>
 
</body>
</html>

Sortie :

Un paragraphe.

Un autre paragraphe.

C'est toujours un paragraphe.



Lien HTML

Les liens HTML sont définis par la balise <a>.

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
 
<a href="http://www.php.cn">这是一个链接使用了 href 属性</a>

</body>
</html>

Sortie :

Ceci est un lien utilisant l'attribut href

Conseil : Précisez l'adresse du lien dans l'attribut href.

(Vous en apprendrez plus sur les propriétés plus tard dans ce tutoriel


Image HTML<🎜). >

L'image HTML est définie par la balise <img>.

Exemple

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
 
<img src="/upload/course/000/000/008/57faf9bfe885a872.jpg" width="300" height="180" />
 
</body>
</html>

Sortie :

html.jpg


Remarque : Le nom et la taille de l'image sont fournis en tant qu'attributs.


Formation continue
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <h1>标题</h1> <p>句子内容</p> <a href="http://www.php.cn">链接 PHP.CN</a> <!--<br>为换行标签 后面的章节会学习到 --> <br><br> <img src="https://img.php.cn/upload/course/000/000/008/57faf9bfe885a872.jpg" width="300" height="180" /> </body> </html>
soumettreRéinitialiser le code