Comment créer une boîte avec du texte à l'intérieur en HTML

Le HyperText Markup Language (HTML) est le langage le plus couramment utilisé pour créer la structure et le contenu des pages web. HTML contient une large gamme d'éléments permettant de générer des liens, images, paragraphes, titres et bien plus. Ces éléments sont ajoutés à une page grâce à des ensembles de caractères spécifiques, appelés balises. Une fois que vous comprenez la combinaison d'éléments et de balises requise, créer un bloc de texte entouré d'une boîte en HTML est une tâche rapide.

Étape 1

Ouvrez la page web que vous voulez modifier et affichez son code HTML. Si vous utilisez un éditeur de texte, ouvrez simplement votre page dans le programme et faites défiler jusqu'à la section où la boîte et le texte apparaîtront. Si vous utilisez un programme visuel comme Microsoft Expression Web ou Adobe Dreamweaver, ouvrez votre page, cliquez sur la zone où vous voulez ajouter la boîte et le texte, puis passez en mode « Affichage du code » pour voir le HTML qui contrôle le comportement de la page.

Étape 2

Appuyez sur la touche « Entrée » pour créer une ligne vide dans votre code HTML.

Étape 3

Copiez et collez les trois lignes de code suivantes sur la ligne vide créée à l'étape précédente :

<div style="width:500px;border:2px solid black;padding:10px">
<p>Un bloc de texte de paragraphe va ici</p>
</div>

Étape 4

Ajustez les paramètres du code ajouté à l'étape précédente, selon vos besoins. Modifiez la largeur, la taille de la bordure, le style et la couleur en changeant les valeurs « 500px », « 2px », « solid » et « black » dans la première ligne. Modifiez l'espace autour du texte en changeant la valeur « 10px » dans la deuxième ligne. Modifiez le texte situé entre les balises d'ouverture « <p> » et de fermeture « </p> » selon les besoins de votre page.

Étape 5

Enregistrez la page et ouvrez-la dans un navigateur web. Le code inséré et modifié aux deux étapes précédentes ajoute une boîte de 500 pixels de large avec une bordure noire, entourant un bloc de texte de paragraphe.