Les partenaires publicitaires:

HTML: comment intégrer une image dans le texte

Protocole Hypertext Markup Language (HTML) est le langage de base du Web. Chaque site que vous visitez avec votre navigateur a été créé ou généré en utilisant HTML. HTML permet aux sites web d'utiliser un mélange de texte, des graphiques et des médias pour présenter le contenu dans, d'une manière attrayante engageante. Comprendre comment utiliser HTML est une compétence extrêmement important pour toute personne qui souhaite maintenir un site Web. Un des éléments clés pour comprendre HTML est de savoir comment placer des images sur une page Web dans le texte.

Instructions

  1. Déterminez l'adresse Web de l'image que vous souhaitez intégrer. Si votre image est déjà disponible sur le Web, puis de déterminer où il est de droit; cliquant dessus et en choisissant d'afficher les propriétés de l'image. Si votre image est pas sur le Web encore, vous souhaitez télécharger dans un dossier accessible au public sur le Web, puis obtenir son adresse Web.



  2. Ouvrez l'éditeur HTML de votre page Web et de localiser l'endroit dans le texte où vous souhaitez insérer l'image.

  3. Insérez le code HTML dans le texte où vous voulez que l'image apparaisse comme suit: "."Voici un exemple pour une image avec l'adresse" https://mydomain.com/images/img.jpg ": https://mydomain.com/images/img.jpg ">. Notez que ceci est juste un exemple --- ce qui est pas une image réelle.




  4. Ajoutez un "alt" tag à votre code HTML image. Cette balise décrit votre image dans une courte phrase. Le format pour ajouter cette balise est en insérant "alt =" suivie par votre description de l'image dans les citations. Cette pratique est bonne parce que ceux avec des connexions Internet lentes ne verront pas immédiatement votre image et le navigateur va insérer ce texte à sa place. Il est également important d'avoir au cas où votre image est ne sont plus disponible ou si quelqu'un a désactivé les images dans leur navigateur. Voici la "alt" tag dans notre exemple: https://mydomain.com/images/img.jpg "alt =" mon image ">.

  5. Ajuster l'alignement d'image en ajoutant "align =" entre les crochets HTML. Cette étape est facultative. Si vous ne l'utilisez "aligner" tag, puis l'image apparaîtra à droite dans le texte où vous l'avez placé. Les options les plus populaires sont à utiliser "align = right" ou "align = left", Ce qui placera l'image dans votre texte à droite ou à gauche et laisser le flux de texte autour d'elle. D'autres options sont "top," "milieu" ou "bas." Un exemple de cela est la suivante: https://mydomain.com/images/image.jpg "alt =" mon image "align =" right ">.

  6. Ajuster la taille de l'image en utilisant le "largeur" ou "hauteur" propriétés. Cette étape est facultative. Si vous ne l'utilisez cette balise, puis votre image apparaîtra dans la taille exacte qu'il est. En utilisant simplement une de ces propriétés permettra votre image à l'échelle en conséquence: vous pouvez utiliser à la fois pour forcer votre image à une taille exacte. Vous pouvez la taille de votre image par le nombre de pixels ou en pourcentage de la taille de l'image originale. Pour la taille d'une image en pixels, il suffit d'entrer le nombre de pixels. Un exemple de cela est la suivante: https://mydomain.com/images/image.jpg "alt =" mon image "align =" right "width =" 100 ">. Pour la taille d'une image, en pourcentage, mettez un signe pour cent sur la fin. Un exemple de c'est: https://mydomain.com/images/image.jpg "alt =" mon image "align =" right "width =" 50% ">.

Conseils & Avertissements

  • Votre image doit être compatible avec tous les navigateurs Web. Images dans les formats PNG, GIF et JPEG fonctionnent généralement mieux.
  • Soyez sûr que votre image est pas trop grand, parce que cela va l'amener à prendre un certain temps à charger. Réduisez la taille de votre image avant de la télécharger sur le Web.
  • Vous devez être sûr que vous avez les droits à afficher une image sur votre site avant de l'intégrer. Utilisation de vos propres images ou les images que vous avez payés pour est toujours la meilleure pratique.
» » » » HTML: comment intégrer une image dans le texte