Table des matières
Bienvenue chez moi page d'accueil de
Maison interface Web tutoriel HTML Bases HTML : structure de base de la production de pages HTML_HTML/Xhtml_Web

Bases HTML : structure de base de la production de pages HTML_HTML/Xhtml_Web

May 16, 2016 pm 04:45 PM
基本 基础 属性 文档 标签 标记 结构 exprimer

Structure de base du HTML
Les documents hypertextes sont divisés en deux parties : l'en-tête du document et le corps du document. Dans l'en-tête du document, certaines définitions nécessaires sont faites pour ce document, et dans le corps du document se trouvent diverses informations sur le document à afficher.

 


 Informations sur la tête

 
 Corps du document, partie texte
 

Où se trouve dans la couche la plus externe, indiquant que le contenu entre cette paire de balises est un document HTML. Nous verrons également certaines pages d'accueil omettre la balise car les fichiers .html ou .htm sont par défaut des documents HTML par les navigateurs Web. inclut les informations d'en-tête du document, telles que le titre général du document, etc. Si aucune information d'en-tête n'est nécessaire, cette balise peut être omise. La balise n'est généralement pas omise et indique le début du contenu du texte.
Ce qui suit est le code source d'un document hypertexte de base :

Un exemple HTML simple



Bienvenue chez moi page d'accueil de







C'est la première fois que je crée une page d'accueil, quoi qu'il arrive, je ferai de mon mieux pour bien le faire !




━┓
 ┃En-tête de fichier
━┛
━┓
 ┃


┃Corps du fichier

 ┃


━┛
Tag en hypertexte
Lorsque j'entre en contact pour la première fois avec l'hypertexte, le plus gros obstacle que je rencontre sont certaines phrases entourées de "". Nous les appelons des balises, qui sont des éléments utilisés pour diviser et marquer le texte pour former la mise en page et le texte du texte. texte. format et images colorées.
1. Balise unique
Certaines balises sont appelées « balises simples » car elles peuvent exprimer pleinement leur signification lorsqu'elles sont utilisées seules. La syntaxe de ces balises est la suivante :
   
La balise unique la plus couramment utilisée est
, ce qui signifie saut de ligne.
2. Balises doubles
Un autre type de balise est appelé « balise double », qui se compose de deux parties : « balise de début » et « balise de fin » et doit être utilisée par paires. La balise de début l'indique au navigateur Web. pour commencer à partir d'ici. Commence la fonction représentée par cette balise, et la balise tail indique au navigateur Web de terminer la fonction ici. Ajoutez une barre oblique (/) avant la balise de début pour devenir la balise de fin. La syntaxe de ce type de balise est :
Contenu 标签> La partie "contenu" est la partie qui sera affectée par cette paire de balises. Par exemple, si vous souhaitez mettre en avant l'affichage d'un certain texte, mettez ce texte dans une balise
:    
Première place : 3. Attributs de l'étiquette
De nombreuses balises simples et doubles peuvent contenir certains attributs dans leurs balises initiales. La syntaxe est la suivante :
   
Il n'y a pas d'ordre entre les attributs, et les attributs peuvent également être omis (c'est-à-dire prendre la valeur par défaut). Par exemple, la marque unique
signifie tracer une ligne horizontale (ligne horizontale) au courant). position du document, généralement à partir de la fin de la ligne actuelle dans la fenêtre. Dessinez de l'extrémité gauche jusqu'à l'extrémité droite. Avec quelques attributs :

L'attribut SIZE définit l'épaisseur de la ligne, et la valeur de l'attribut est un entier, il manque 1 ; l'attribut ALIGN indique l'alignement, qui peut être GAUCHE (aligné à gauche, valeur par défaut), CENTRE (centré), DROITE (aligné à droite). ); l'attribut WIDTH définit la longueur de la ligne, qui peut être une valeur relative (constituée d'une paire de " " Le pourcentage entouré de symboles représente le pourcentage relatif au remplissage de la totalité de la fenêtre), ou il peut également prendre une valeur absolue (le nombre de pixels de l'écran représenté par un entier, tel que WIDTH=300. La valeur par défaut est "100%". .
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

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment marquer un dragueur de mines ? -Comment changer la difficulté du Démineur ? Comment marquer un dragueur de mines ? -Comment changer la difficulté du Démineur ? Mar 18, 2024 pm 06:34 PM

Comment marquer un dragueur de mines ? -Comment changer la difficulté du Démineur ?

Comment ajouter une ligne rouge à un document Word Comment ajouter une ligne rouge à un document Word Mar 01, 2024 am 09:40 AM

Comment ajouter une ligne rouge à un document Word

Comment marquer plusieurs emplacements sur Baidu Maps Comment marquer plusieurs emplacements Comment marquer plusieurs emplacements sur Baidu Maps Comment marquer plusieurs emplacements Mar 15, 2024 pm 04:28 PM

Comment marquer plusieurs emplacements sur Baidu Maps Comment marquer plusieurs emplacements

Le document Word est vide lors de l'ouverture sous Windows 11/10 Le document Word est vide lors de l'ouverture sous Windows 11/10 Mar 11, 2024 am 09:34 AM

Le document Word est vide lors de l'ouverture sous Windows 11/10

Comment ajouter des tags sur Douyin pour attirer du trafic ? Quelles balises de la plateforme sont les plus faciles à attirer du trafic ? Comment ajouter des tags sur Douyin pour attirer du trafic ? Quelles balises de la plateforme sont les plus faciles à attirer du trafic ? Mar 22, 2024 am 10:28 AM

Comment ajouter des tags sur Douyin pour attirer du trafic ? Quelles balises de la plateforme sont les plus faciles à attirer du trafic ?

Quelle est l'horloge derrière le label TikTok ? Comment taguer le compte Douyin ? Quelle est l'horloge derrière le label TikTok ? Comment taguer le compte Douyin ? Mar 24, 2024 pm 03:46 PM

Quelle est l'horloge derrière le label TikTok ? Comment taguer le compte Douyin ?

Comment marquer sur la carte Baidu - opérations spécifiques de marquage sur la carte Baidu Comment marquer sur la carte Baidu - opérations spécifiques de marquage sur la carte Baidu Mar 04, 2024 pm 08:46 PM

Comment marquer sur la carte Baidu - opérations spécifiques de marquage sur la carte Baidu

JAX-RS et Swagger : documentation de haut niveau pour votre API RESTful JAX-RS et Swagger : documentation de haut niveau pour votre API RESTful Feb 29, 2024 pm 02:00 PM

JAX-RS et Swagger : documentation de haut niveau pour votre API RESTful

See all articles