communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > 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

零下一度
Libérer： 2017-05-05 13:57:36
original
1139 Les gens l'ont consulté

1 : Première introduction au html

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>
Copier après la connexion

Explication des exemples

décrivant la page Web Le texte entre

et est visible. Contenu de la page Le texte entre

entre le titre

et

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

Les balises HTML apparaissent généralement par paires, telles que 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 

<html>
<body>

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

</body>
</html>
Copier après la connexion


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

1.4 Images HTML

Les images HTML sont définies via la balise 

<html>
<body>

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

</body>
</html>
Copier après la connexion

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 L'adresse du lien est spécifiée dans l'attribut href.

Plus d'exemples d'attributs HTML

Exemple d'attribut 1 :

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>
Copier après la connexion

Exemple d'attribut 2 :

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>
Copier après la connexion

Exemple d'attribut 3 :

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

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;
Copier après la connexion

[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!

Étiquettes associées：
网页制作，属性，html
source：php.cn
Article précédent：Connaissances de base en HTML que vous devez maîtriser Article suivant：Connaissance de base en production de pages Web (html) (2) Opérations de base
Déclaration de ce site Web
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
Derniers articles par auteur
Derniers numéros
La page ne peut soudainement plus extraire le CSS ou le bootstrap Je suis donc en train de développer une page, j'en ai fait une partie hier et ça a très bi...
Depuis 2024-04-06 21:58:04
0
1
800
Comment empiler les éléments flottants verticalement plutôt qu'horizontalement en CSS ? J'essaie de créer une page Web avec deux colonnes, avec le contenu principal d'un côté et ...
Depuis 2024-04-06 20:45:26
0
2
386
Comment résoudre le mystérieux espace vide en bas de page en CSS J'essaie de créer une page Web simple en utilisant Bootstrap et D3, mais je ne sais pas co...
Depuis 2024-04-06 20:22:15
0
1
454
Styles CSS non appliqués au site Je crée un site Web en utilisant Bootstrap5 mais les propriétés index.css ne sont pas appl...
Depuis 2024-04-06 17:12:23
0
1
336
Opacité inférieure de l'image d'arrière-plan de défilement, limite l'opacité minimale J'essaie d'obtenir que l'image d'arrière-plan réduise l'opacité lors du défilement et une ...
Depuis 2024-04-04 23:50:53
0
1
1329
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal