Table des matières:
Vidéo: Sublime Text | Les Astuces Indispensables 2025
Les documents HTML contiennent du texte avec lequel vous travaillez et des balises qui déterminent les éléments du document tels que les en-têtes, listes et paragraphes. En outre, les balises HTML permettent d'autres objets, tels que des images; feuilles de style; des sons; petits programmes appelés applets; et des films.
Vous ne devez généralement pas, du moins au début, vous préoccuper de la mise en forme du texte ou de la qualité de l'image. Le navigateur interprète le code HTML et fait tout cela pour vous. Au lieu de cela, vous vous concentrez sur la saisie précise du texte et des balises.
Vous utilisez les balises HTML décrites dans cet article par deux - une balise précède le texte et l'autre balise après le texte, comme dans l'exemple suivant:
quel que soit votre texte
- La première balise (la balise d'ouverture) indique le début d'une balise que vous appliquez à une partie du texte de votre document.
- La deuxième balise (la balise de fermeture ) indique la fin d'une balise que vous appliquez.
Les tags affectent tout entre l'ouverture et la fermeture de l'étiquette.
Les balises d'ouverture et de fermeture sont généralement identiques, sauf que l'étiquette de fermeture a une barre oblique (/) avant le nom de l'étiquette. Le nom du tag est toujours exactement le même dans les tags d'ouverture et de fermeture.
Parfois, les balises d'ouverture incluent également un attribut , qui est juste un bit d'information supplémentaire qui spécifie des informations telles que la couleur, l'alignement ou le texte devant apparaître pour décrire une image. Dans un tel cas, un attribut apparaît dans l'étiquette initiale, comme suit:
quel que soit votre texte
Assurez-vous d'inclure la barre oblique (/) dans la balise de fermeture (mais n'incluez pas l'attribut). Si vous ne le faites pas, le navigateur ne sait pas que vous souhaitez mettre fin au style indiqué par le tag. En outre, le style que vous avez appliqué plus que probablement continue encore et encore jusqu'à ce que le navigateur trouve une balise de fermeture. Pensez à entrer à la fois les balises initiale et de fermeture en même temps. De cette façon, vous n'oublierez pas cette balise de fermeture essentielle.
Vérifiez également que vous n'incluez pas d'espace supplémentaire entre les chevrons et le texte de l'étiquette d'ouverture ou de fermeture. Un espace supplémentaire peut perturber les navigateurs plus anciens et moins sophistiqués.
Les balises HTML sont insensibles à la casse, , ce qui signifie que vous pouvez taper les balises à l'aide de majuscules, de minuscules ou de BoTh. L'approche recommandée, cependant, est que vous tapez les balises dans toutes les majuscules; En tapant les balises en majuscules, vous pouvez différencier les balises et le texte, en particulier après que votre document HTML a atteint la longueur des pages et des pages.
Assurez-vous de taper le texte entre les balises afin que le texte soit mis en majuscule comme vous le souhaitez.
Formatage du texte
Les navigateurs ne tiennent pas compte de tout formatage qui n'est pas incorporé à l'aide des balises de balisage . Par exemple, ils ignorent les espaces supplémentaires dans le document HTML ou les lignes vides que vous utilisez pour déplacer les éléments dans la page. Par conséquent, les espaces, les lignes ou les onglets supplémentaires que vous avez ajoutés n'affectent pas l'apparence de votre document.
Vous pouvez, par exemple, taper votre ligne comme suit:
information colline de haricots
Ou vous pouvez taper la ligne comme ceci:
information colline de haricots
Ou même comme l'exemple suivant:
colline
de
beans
information
De toute façon que vous tapez les balises et le texte, le résultat est le même.
Si vous travaillez fréquemment avec des documents HTML, vous trouvez que l'espacement et la créativité avec les indentations vous aident à trouver votre place plus facilement.
Balises d'imbrication
Dans la plupart des cas, vous souhaiterez peut-être imbriquer des balises dans d'autres balises. Les balises d'imbrication signifient simplement l'inclusion de balises dans les balises. En imbriquant des tags, vous appliquez plusieurs tags au même bit de texte.
Supposons que vous vouliez créer du texte en gras et en italique. Vous ne pouvez pas obtenir cet effet en utilisant un seul tag - il n'y a pas de tag "BOLD-n-ITALICS HERE". Au lieu de cela, vous imbriquez une balise dans l'autre, comme le montre l'exemple suivant:
plus d'informations sur la colline des beans
Notez que la balise qui apparaît en premier (dans ce cas, la balise en gras) apparaît également en dernier. Si une étiquette commence en premier, elle se termine en dernier. Si une étiquette est juste à côté du texte sur le frontal, elle se trouve également à côté du texte à l'arrière.
Vous pouvez obtenir le même effet en changeant l'ordre de démarrage des tags - comme dans la ligne suivante:
plus d'information hill of beans
Notez que cet exemple commence par la balise italique et imbrique les tags gras dans les tags italiques. Encore une fois, quelle que soit l'étiquette que vous appliquez en premier n'a pas d'importance, tant que vous les imbriquez comme décrit.
