Créez une boîte contenant un bloc de texte en utilisant 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 en-têtes 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 requises, la création d'un bloc de texte entouré d'une zone 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 vers le bas 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 « Vue du code » pour voir le code HTML qui contrôle le comportement de la page.
Vidéo du jour
É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 la bordure et la couleur de la bordure en modifiant les valeurs "500px", "2px", "solide" et "noir" 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. Modifiez le texte situé entre l'ouverture "
" et fermeture "
" pour répondre aux 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 de 500 pixels de large avec une bordure noire, entourant un bloc de texte de paragraphe.
