Maison > Article > interface Web > Connaissance de base de la production de pages Web (html) (1) Première compréhension et attributs du HTML

Connaissance de base de la production de pages Web (html) (1) Première compréhension et attributs du HTML

零下一度original: 2017-05-05 13:57:361096parcourir

1 : Première introduction au html

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Explication des exemples

100db36a723c770d327fc0aef2ce13b1 décrivant la page Web Le texte entre

6c04bd5ca3fcae76e30b72ad730ca86d et 36cc49f0c466276486e50c850b7e4956 est visible. Contenu de la page Le texte entre

4a249f0d628e2318394fd9b75b4636b1 entre le titre

e388a4556c0f65e1904146cc1a846bee et 94b3e26ee717c64999d7867364b1b4a3 est affiché sous forme de paragraphe

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

HTML fait référence à HyperText Markup Language (HyperTextMarkupLanguage)

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

Langage de balisage est un ensemble de balises de balisage

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

1.2Les balises de balisage HTML sont souvent appelées balises HTML (balise HTML).

Les balises HTML sont des mots-clés entourés de crochets, tels que 100db36a723c770d327fc0aef2ce13b1

Les balises HTML apparaissent généralement par paires, telles que a4b561c25d9afb9ac8dc4d70affff419 b>

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

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

1.3Lien HTML

Le lien HTML est défini via la balise 3499910bf9dac5ae3c52d5ede7383485

<html>
<body>

<a href="http://www.w3school.com.cn">
This is a link</a>

</body>
</html>

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

1.4 Images HTML

Les images HTML sont définies via la balise a1f02c36ba31691bcfe87b2722de723b

<html>
<body>

<img src="/i/eg_w3school.gif" width="300" height="120" />

</body>
</html>

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

2 : les attributs html

Les balises HTML peuvent avoir des attributs. Les attributs fournissent plus d'informations sur les éléments HTML.

Les attributs apparaissent toujours sous forme de paires nom/valeur, par exemple : nom="valeur". L'attribut

est toujours spécifié dans la balise d'ouverture d'un élément HTML.

2.1 Exemples d'attributs

Les liens HTML sont définis par la balise 3499910bf9dac5ae3c52d5ede7383485 L'adresse du lien est spécifiée dans l'attribut href.

Plus d'exemples d'attributs HTML

Exemple d'attribut 1 :

4a249f0d628e2318394fd9b75b4636b1

dfb4d23c807e8ce66d86a7db2dd1cbbb contient des informations supplémentaires sur l'alignement.

TIY : Centrer le titre

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"www.php.cn/TR/html4/loose.dtd">

<html>

<body>

<h1 align="center">This is heading 1</h1>

<p>上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。</p>

</body>
</html>

Exemple d'attribut 2 :

6c04bd5ca3fcae76e30b72ad730ca86d

150f3468f61ae3f4736720ad3dc87756 contient des informations supplémentaires sur la couleur d'arrière-plan.

TIY : couleur d'arrière-plan

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />
</head>

<body bgcolor="yellow">
<h2>请看: 改变了颜色的背景。</h2>
</body>

</html>

Exemple d'attribut 3 :

f5d188ed2c074f8b944552db028f98a1 (Vous en apprendrez plus sur les tableaux HTML dans un chapitre ultérieur)

e250a3f15cdd83cbdbae9ebf57168797 contient des informations supplémentaires sur la bordure du tableau.

Toujours citer les valeurs d'attribut.

Les valeurs d'attribut doivent toujours être placées entre guillemets. Les guillemets doubles sont les plus couramment utilisés, mais l'utilisation de guillemets simples ne pose aucun problème.

Dans certains cas individuels, par exemple si la valeur de l'attribut elle-même contient des guillemets doubles, vous devez utiliser des guillemets simples, par exemple :

name=&#39;Bill "HelloWorld" Gates&#39;

[Recommandations associées]

1 . Tutoriel vidéo en ligne HTML gratuit

2 Manuel de développement HTML

3. Tutoriel vidéo HTML5 original php.cn.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Connaissances de base en HTML que vous devez maîtriserArticle suivant：Connaissances de base en HTML que vous devez maîtriser

Articles Liés

Voir plus