Introduction au HTML


Exemple HTML

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php 中文网</title>
</head>
<body>

<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>

</body>
</html>

Exécuter l'exemple»

Cliquez sur le bouton "Exécuter l'exemple" pour afficher l'instance en ligne

Analyse d'instance

  • DOCTYPE déclare le type de document

  • situé dans les balises <html> et </html> décrit le type de document

  • situé dans les balises <body> /body> est une page Web visuelle. Le contenu

  • est situé dans les balises <h1> et </h1> > se trouve dans les balises <p> et < /p> Afficher sous forme de paragraphe


  • Qu'est-ce que le HTML ?

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

    • HTML fait référence au langage de balisage hypertexte : HyperText Markup L le langage

    • HTML n'est pas un langage de programmation, mais un langage de balisagelangage

    • langage de balisage est un ensemble balise de balisage (balise de balisage)

    • HTML Utiliser la balise de balisage pour décrire la page Web

    • les documents HTML contiennent HTML balises et texte contenu

    • Les documents HTML sont également appelés pages 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 sont généralement apparaissent par paires , telles que <b> et </b>

    • La première balise de la paire de balises est la balise de début , la deuxième balise est balise de fin

    • les balises de début et de fin sont également connues sous le nom de balise d'ouverture et balise de fermeture

    <tag>Contenu</tag>

    Élément HTML

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

    Mais à proprement parler, un élément HTML contient une balise de début et une balise de fin, comme le montre l'exemple suivant :

    Élément HTML :

    <p>Ceci est un paragraphe. </p>

    Navigateur Web

    Le navigateur Web (tel que Google Chrome, Internet Explorer, Firefox, Safari) est utilisé pour lire les fichiers HTML et affichez-le sous forme de page 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 :


    Structure de la page Web HTML

    Ce qui suit est une structure visuelle de la page HTML :

    <html>
    <head>
    <title> title>
    </head>
    <body>
    <h1> Ceci est un titre</h1>
    <p>Ceci est un paragraphe. </p>
    <p> Ceci est un autre paragraphe. </p>
    </body>
    </html>
    lamp.jpg只有 <body> 区域 (白色部分) 才会在浏览器中显示。

    Version HTML

    Depuis la naissance des débuts d'Internet, il est apparu De nombreuses versions HTML : Déclaration

    版本发布时间
    HTML1991
    HTML+1993
    HTML 2.01995
    HTML 3.21997
    HTML 4.011999
    XHTML 1.02000
    HTML52012
    XHTML52013

    <!DOCTYPE> La déclaration

    <!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 de page 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

    Instance

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

    Exécuter l'instance»

    Cliquez sur « Exécuter l'instance Bouton " " pour voir des exemples en ligne