Contenu

• Avancer d'un pas
• Méthode 1 sur 2: Utilisation de CSS
• Méthode 2 sur 2: utilisation de la balise "center" en HTML

Ce wikiHow vous apprend à centrer du texte dans un site Web HTML. Nous utilisons CSS (feuilles de style en cascade ou feuilles de style) pour cela. Nous avions l'habitude de centrer le HTML en utilisant le centre>tag, mais cela ne fonctionne plus dans la plupart des navigateurs.

Avancer d'un pas

Méthode 1 sur 2: Utilisation de CSS

1. Ouvrez le fichier texte dans lequel vous décrivez vos styles. Maintenant le centre>n'est plus utilisée, créez un nouvel élément dans ce fichier qui centrera le texte dans certaines zones de votre document HTML. Si vous n'avez pas de fichier CSS séparé, les codes sont en haut du document HTML entre les balises "style>" et "/ style>".
   • Comme le style>- et / style>les balises ne sont pas encore là, vous pouvez les placer directement sous le corps>tag de la manière suivante:

   ! DOCTYPE html> html> corps> style> / style>

2. Créez une classe qui centre le texte. le div>La balise indique à votre document HTML à quelle section spécifique cette classe appartient. Tapez ce qui suit entre les balises "style", en veillant à cliquer deux fois ↵ Entrez après la première ligne:

   div.a {}

3. Ajouter le text-alignpropriété. Taper text-align: centre; entre les accolades dans le diva-section. Le "header" ressemble maintenant à ceci:

   ! DOCTYPE html> html> corps> style> div.a {text-align: center; } / style>

4. Ajoutez le bon divmarquez le texte que vous souhaitez centrer. Vous faites cela à travers le div>au-dessus de ce texte et en le fermant par un / div>balise sous ce texte. Par exemple, si vous souhaitez centrer un titre et le paragraphe en dessous, cela ressemble à ceci:

   div> h1> Bienvenue sur mon site / h1> p> Ce site est principalement destiné à fournir des informations sur les choses./p> / div>

5. Utilisez le divabalise pour centrer d'autres éléments. Lorsque vous souhaitez centrer un autre élément, tel que du contenu entre les balises p> / p> et h2> / h2>), vous tapez div> pour cet élément et / div> après. Puisque vous avez déjà défini le "div.a" comme code CSS de centrage, ces éléments sont maintenant également centrés.

   style> div.a {text-align: center; } / style> div> h2> Les dons sont les bienvenus / h2> p> s'il vous plaît / p> / div>

6. Vérifiez votre document. Bien que le texte de votre page Web soit bien sûr différent, il devrait ressembler à ceci:

   ! DOCTYPE html> html> corps> style> div.a {text-align: center; } / style> div> h1> Bienvenue sur mon site / h1> p> Ce site est principalement destiné à fournir des informations sur des choses. / p> / div> div> h2> Les dons sont les bienvenus / h2> p> s'il vous plaît / p> / div> / body> / html>

Méthode 2 sur 2: utilisation de la balise "center" en HTML

1. Ouvrez votre document HTML. Cette méthode décrit comment obtenir le centre>étiqueter. Cette méthode peut toujours fonctionner dans un certain nombre de navigateurs, mais il est préférable de ne pas trop s'y fier.
2. Trouvez le texte que vous souhaitez centrer. Faites défiler votre document jusqu'à ce que vous trouviez le titre, le paragraphe ou tout autre texte que vous souhaitez centrer.
3. Placez la balise «centre» de chaque côté du texte. Le code ressemble à ceci centre> texte / centre>. Ici, "texte" est le texte à centrer. S'il y a d'autres balises dans ce texte, telles que "p> / p>" avant un paragraphe, placez les balises "center" en dehors des balises existantes.

   center> h1> Bienvenue sur mon site / h1> / center> center> Mettez-vous à l'aise! / center>

4. Vérifiez votre document HTML. Ça devrait ressembler a quelque chose comme ca:

   ! DOCTYPE html> html> body> h1> center> Bienvenue sur mon site / centre> / h1> center> Facilitez-vous la tâche! / Center> p1> Ce site est principalement destiné à fournir des informations sur les choses./p1> / body > / html>