Comment centrer le texte et les images HTML ? Quel est le code de centrage ?-tutoriel HTML-php.cn

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

云罗郡主

Libérer： 2018-11-02 15:09:58

original

53500 Les gens l'ont consulté

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>

Copier après la connexion

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 style="max-width:90%" 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>

Copier après la connexion

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!