Introduction au HTML

Qu'est-ce que le HTML ?

Le HTML est un langage utilisé pour décrire des pages Web.

· HTML fait référence à HyperText Markup Language : HyperText Markup Language

· HTML n'est pas un langage de programmation, mais un langage de balisage

· Le langage de balisage est une balise de balisage

· HTML utilise des balises de balisage pour décrire les pages Web

· Les documents HTML contiennent des balises HTML et du contenu textuel

· Les documents HTML sont également appelés pages Web

· Le La structure du langage HTML (Hypertext Markup Language) comprend une partie « tête » (en anglais : Head) et une partie « main » (en anglais : Body), où la partie « head » fournit des informations sur la page Web. Le « corps principal » La section fournit le contenu spécifique de la page Web.

Balise HTML

La balise de balisage HTML est généralement appelée balise HTML (balise HTML).

· Les balises HTML sont des mots-clés entourés de crochets, tels que <html>

· Les balises HTML apparaissent généralement par paires, telles que <b> et </b> >

· La première balise de la paire de balises est la balise d'ouverture et la deuxième balise est la balise de fermeture

· Les balises d'ouverture et de fermeture sont également appelées balises d'ouverture et balises de fermeture

<Tag>Content</Tag>

Bien sûr, il y aura également des balises uniques, qui apparaissent individuellement, telles que <br>, <hr>, etc.

Après l'apprentissage, vous pouvez faire un résumé des balises couramment utilisées et de leurs fonctions pour faciliter la mémoire et la recherche.

Élément HTML

« Balise HTML » et « Élément HTML » décrivent généralement la même signification.

Les éléments HTML font référence à tous les codes de la balise de début à la balise de fin. L'exemple suivant :

Élément HTML :

<p>Ceci est un paragraphe. </p>Pour une connaissance détaillée des éléments

, veuillez vous référer à http://php.cn/html/html-elements.html

Navigateur Web

Le navigateur Web (tel que Google Chrome, Internet Explorer, Firefox, Safari) est utilisé pour lire des fichiers HTML et les afficher sous forme de pages Web.

Le navigateur n'affiche pas directement les balises HTML, mais vous pouvez utiliser des balises pour décider comment afficher le contenu de la page HTML à l'utilisateur :

QQ图片20161010112448.png

C'est la signification et le rôle des balises, qui sont utilisées pour déterminer et modifier le style affiché sur la page Web.

Résultats web HTML

Ce qui suit est une structure visuelle de page HTML :

QQ图片20161010112520.png

<html>
<head>
<title>页面标题</title>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
</body>
</html>

Seule la zone <body></body> (partie blanche) sera affichée dans le navigateur. .

Version HTML

Depuis la naissance des débuts d'Internet, de nombreuses versions HTML sont apparues :

QQ图片20161010112545.png

< La déclaration ;!DOCTYPE>

<!DOCTYPE> aide les navigateurs à afficher correctement les pages Web.

Il existe de nombreux fichiers différents sur Internet. Si la version HTML peut être déclarée correctement, le navigateur peut afficher correctement le contenu de la page Web.

La déclaration doctype n'est pas sensible à la casse et les méthodes suivantes sont disponibles :

<!DOCTYPE html>

<!DOCTYPE HTML> > <!doctype html>

<!Doctype Html>

Déclaration générale

HTML5

< ; !DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www. w3 .org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Voir le manuel de référence complet du type de déclaration Web DOCTYPE.

Encodage chinois

Actuellement, dans la plupart des navigateurs, la sortie directe du chinois entraînera des caractères chinois tronqués. À ce stade, nous devons déclarer les caractères au format UTF. -8.

Exemple HTML

<!DOCTYPE html>
 <html>
 <head>
 <meta charset="UTF-8">    
 <title>页面标题</title>
 </head>
 <body>
 
 <h1>我的第一个标题</h1>
 
 <p>我的第一个段落。</p>
 
 </body>
 </html>

Vous pouvez essayer le résultat affiché sur la page après avoir supprimé <meta charset="UTF-8">. En le comparant, vous pouvez connaître l'UTF plus clairement. L'effet de -8 a disparu. Essayez-le ! !

À travers l’étude ci-dessus, jetons un coup d’œil à l’exemple suivant. Est-ce clair ?

Suivez l'analyse et familiarisez-vous avec elle.

Instance HTML

<!DOCTYPE html> 
 <html> 
 <head> 
 <meta charset="utf-8"> 
 <title>php中文网(php.cn)</title> 
 </head> 
 <body> 
 
 <h1>标题：欢迎学习HTML</h1> 
 
 <p>第一个段落</p> 
 
 </body> 
 </html>

Exemple d'analyse

· DOCTYPE déclare le type de document

· Type de document

<<> · Situé sur la balise & lt; corps & gt; et & lt;/corps & gt; >

· Affiché sous forme de paragraphe

<!DOCTYPE html> en HTML5 .

Formation continue

nouveau fichier

<html> <head> <title>页面标题</title> </head> <body> <h1>在这里写标题</h1> <p>这是一个段落。</p> <p>这是另外一个段落。</p> </body> </html>

soumettre Réinitialiser le code

Opération automatique

Introduction au HTML

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]