简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

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
1055 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
Uncaught TypeError : impossible de définir la propriété non définie (définir 'innerHTML') J'essaie de créer une page Web en utilisant php, sur un élément de classe "Continuous...
Depuis 2023-11-08 21:06:09
0
1
278
Erreur Laravel Mix lors de la tentative d'installation de Laravel Breeze J'essaie d'installer LaravelBreeze dans ma nouvelle application Laravel. Tout fonctionne b...
Depuis 2023-11-07 23:05:02
0
1
299
Comment utiliser plusieurs filtres avec l'API de données Google Analytics (GA4) à l'aide de PHP C'est donc ma première question, je vais essayer de suivre les règles de la communauté. J'...
Depuis 2023-11-04 14:39:38
0
1
188
Le dessus positionné relativement ne fonctionne pas comme prévu Pourquoi l'attribut top ne fonctionne pas lorsque l'étiquette est sœur de , mais si je sup...
Depuis 2023-10-29 21:02:46
0
1
236
Routeur Vue JS : recharger la page lors de la redirection J'ai une application avec les fichiers Login.vue et Home.vue. Parce que je convertis le si...
Depuis 2023-10-26 11:53:46
0
2
188
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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！