Comment faire une boîte avec le texte à l`intérieur html

Créer une boîte contenant un bloc de texte en utilisant HTML.

HyperText Markup Language (HTML) est la langue la plus couramment utilisée 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, cap et bien plus encore. Ces éléments sont ajoutés à une page grâce à l`utilisation d`ensembles de caractères spécifiques, connus en tant que marqueurs. Une fois que vous comprenez la combinaison d`éléments et les balises nécessaires, la création d`un bloc de texte entouré par une boîte en HTML est une tâche rapide.

  • Ouvrez la page Web que vous souhaitez modifier et afficher son code HTML. Si vous utilisez un éditeur de texte, ouvrez simplement votre page dans le programme et faites défiler jusqu`à la section de la page où la boîte et le texte apparaîtra. 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 voulez ajouter la boîte et le texte. Après cela, changer votre mode de visualisation à "Afficher le code" pour voir le HTML qui contrôle le comportement de la page.

  • appuie sur le "Entrer" clé pour créer une ligne vide dans votre code HTML.




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


    Un bloc de texte de paragraphe va ici


  • Réglez les paramètres du code que vous avez ajouté à l`étape précédente, selon les besoins. Modifiez la largeur, la taille de la frontière, le style de bordure et couleur de la bordure en modifiant la "500px," "2px," "solide" et "noir" valeurs de la première ligne du code. Changer la quantité d`espace entourant le texte en modifiant la "10px" valeur dans la deuxième ligne du code. Modifier le texte situé entre l`ouverture "

    " et la fermeture "

    " étiquettes pour convenir aux besoins de votre page.
  • Enregistrez la page, puis l`ouvrir dans un navigateur Web. Le code que vous avez inséré et modifié dans les deux étapes précédentes ajoute une grande boîte de 500 pixels avec une bordure noire entourant un bloc de texte de paragraphe.

AUTRES

» » » » Comment faire une boîte avec le texte à l`intérieur html