Les partenaires publicitaires:

Comment centrer une image en utilisant la programmation html

Une page Web codeur utilise Hypertext Markup Language pour indiquer au navigateur Web dans le but fonctionnelle de chaque élément d'une page, comme un paragraphe, à la tête ou de la liste. Depuis HTML 4, Cascading Style Sheets ont fourni le codeur avec une façon de dire au navigateur comment chacun de ces éléments devrait se pencher, séparée de définir ce qu'ils sont. Une page peut avoir différents styles CSS pour différents types d'appareils, tels que les téléphones mobiles et les ordinateurs de bureau, la page permettant de changer l'apparence sans codeur avoir besoin de changer le code HTML. Utilisez les propriétés CSS pour centrer une image.

Instructions

  1. Placez le "img" tag dans le fichier HTML où vous voulez que votre image à afficher sur la page Web. Il doit être entre le "corps" tags et après la "h1" balises. Par exemple,



    Ceci est votre texte.


    Une description de l'imageheight ="50" / Gt;




    définit un images / photo.jpg image nommée qui est de 170 pixels de large et 50 pixels de haut. Il est la première chose sur la page après le titre en haut.

  2. Utilisez le "marge" Attribut CSS pour définir l'espace autour des éléments de page, tels que des images. Le "auto" valeur de l'attribut de marge indique au navigateur Web pour déterminer automatiquement la quantité d'espace. Alors, Une description de l'image définit ce que l'espace autour de l'image est déterminée par le navigateur.

  3. Utilisez le "exposition" propriété pour définir la façon dont un élément de la page est affichée. Le "bloc" valeur de la propriété d'affichage indique au navigateur Web pour afficher l'élément sur sa propre ligne, avec un espace au-dessus et en dessous. Alors, Une description de l'image définit la même image, mais l'addition de "affichage: d'îlot" place maintenant sur sa propre ligne.

  4. Voir la page Web dans plusieurs navigateurs différents pour vérifier que l'image est bien centré.

» » » » Comment centrer une image en utilisant la programmation html