Maison >interface Web >tutoriel HTML >Comment centrer le texte et les images HTML ? Quel est le code de centrage ?

Comment centrer le texte et les images HTML ? Quel est le code de centrage ?

云罗郡主original: 2018-11-02 15:09:5853567parcourir

Comment centrer le texte et les images HTML ? Quel est le code de centrage ? Je pense que beaucoup de gens qui viennent d'apprendre le CSS se poseront de telles questions. Résumons-les ci-dessous. Actuellement, la dernière version de HTML (HTML5) ne prend pas en charge la balise « center », vous devez donc utiliser le formatage de style CSS pour centrer le texte dans votre document HTML5.

1 : Comment centrer le texte html ? [Apprentissage recommandé : Tutoriel HTML5]

1. Ouvrez le document HTML et double-cliquez sur le document HTML pour l'ouvrir dans l'éditeur de texte (ou HTML) par défaut de votre ordinateur. Recherchez le texte, le paragraphe ou tout autre texte que vous souhaitez centrer, nous ajoutons la balise "center" au texte, la syntaxe est :

test, où "test" est le texte. S'il y a des balises sur le texte (par exemple, le texte du paragraphe est "

p>"), la balise "center" peut s'étendre au-delà des balises existantes :

Exemple de code :

<DOCTYPE html> 
<html> 
<body>
<h1><center>欢迎来到我的网站</center></h1> 
<center>php中文网</center > 
<p1>本网站的目的是php在线学习</p1>
</body> 
</html>

Effet d'affichage du code :

Comment centrer le texte et les images HTML ? Quel est le code de centrage ?

2 : Comment centrer les images en html ?

Créez un nouvel élément et centrez-le. Vous pouvez inclure une image au sein de cet élément centré. Cependant, cela crée un espace supplémentaire autour de l'élément.

Démarrez une nouvelle ligne de code. Commencez par centrer l'élément. Entrez .

Ajouter un code image. Entrez php site Web chinois

Nous pouvons préciser la hauteur et la largeur de l'image. Entrez height="200" width="200"> ou une autre taille de votre choix, c'est la fin de la section qui marque l'image.

Utilisez la balise de fermeture Par exemple, l'intégralité du code ressemble à ceci :

<center><img src =“dancingdogpicture.gif”alt =“dance dog”align =“middle></center>

Ce qui précède explique comment centrer le texte et les images HTML ? Une introduction complète à ce qu'est le code de centrage, si vous voulez en savoir plus sur le Manuel en ligne HTML5, veuillez faire attention au site Web chinois php.

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!

php html5 css html

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：Qu'est-ce que l'étiquette de la figure ? Quand l'utiliser ?Article suivant：Qu'est-ce que l'étiquette de la figure ? Quand l'utiliser ?

Articles Liés

Voir plus