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

HyperText Markup Language (HTML) est le langage le plus couramment utilisé pour créer la structure et le contenu des pages Web. HTML contient un large éventail d'éléments qui permettent aux utilisateurs de générer des liens, des images, des paragraphes, des titres et bien plus encore. Ces éléments sont ajoutés à une page grâce à l'utilisation de jeux de caractères spécifiques, appelés balises. Une fois que vous avez compris la combinaison d'éléments et de balises nécessaires, la création d'un bloc de texte entouré d'une boîte en HTML est une tâche rapide.

Étape 1

Ouvrez la page Web que vous souhaitez 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'à ce que vous atteigniez la section de la page où la boîte et le texte apparaîtront. Si vous utilisez un programme de site Web visuel, tel que Microsoft Expression Web ou Adobe Dreamweaver, ouvrez votre page, puis cliquez sur la zone où vous souhaitez ajouter la zone et le texte. Après cela, changez votre mode d'affichage en "Code View" pour voir le code 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 :

Un bloc de texte de paragraphe va ici

Étape 4

Ajustez les paramètres du code que vous avez ajouté à l'étape précédente, si nécessaire. Modifiez la largeur, la taille de la bordure, le style de bordure et la couleur de la bordure en modifiant les valeurs "500px", "2px", "solid" et "black" dans la première ligne du code. Modifiez la quantité d'espace entourant le texte en modifiant la valeur "10px" dans la deuxième ligne du code. Modifier le texte situé entre l'ouverture "

" et fermeture "

" balises en fonction des besoins de votre page.

Étape 5

Enregistrez la page, puis ouvrez-la dans un navigateur Web. Le code que vous avez inséré et modifié au cours des deux étapes précédentes ajoute une zone large de 500 pixels avec une bordure noire, entourant un bloc de texte de paragraphe.