Comment Intégrer Une Image Sur Un Site Web En Utilisant Html

Table des matières:

Comment Intégrer Une Image Sur Un Site Web En Utilisant Html
Comment Intégrer Une Image Sur Un Site Web En Utilisant Html

Vidéo: Comment Intégrer Une Image Sur Un Site Web En Utilisant Html

Vidéo: Comment Intégrer Une Image Sur Un Site Web En Utilisant Html
Vidéo: HTML - Insérer une image dans une page web 2024, Novembre
Anonim

Les articles sur Internet semblent secs et incomplets si le texte n'est pas dilué avec des médias supplémentaires. La décoration la plus simple et la plus accessible d'un article de blog ou d'un site Web est une image-illustration. Il peut être publié à l'aide de balises spéciales.

Comment intégrer une image sur un site Web en utilisant html
Comment intégrer une image sur un site Web en utilisant html

Il est nécessaire

  • - accès à Internet;
  • - photo.

Instructions

Étape 1

On pense que la publication directe d'images stockées sur un ordinateur est possible. C'est une erreur: si votre ordinateur n'est pas un serveur 24/7, l'image ne sera pas affichée dans le message.

Étape 2

Téléchargez l'image dans un stockage spécial, comme Yandex.fotka ou Ipicture.ru. Il est important que le fichier soit visible et toujours en ligne. Ouvrez l'image sur la page du site cible et copiez l'URL de la ligne correspondante.

Étape 3

Commencez à rédiger votre message en mode HTML. Insérez les balises suivantes:. A la place du pass, collez l'adresse copiée du fichier graphique.

Étape 4

Vérifiez l'insertion correcte en mode aperçu. Le fichier doit être affiché dans la fenêtre à sa taille d'origine. S'il n'y a pas d'image, vérifiez l'exactitude de l'adresse saisie.

Étape 5

Si vous avez téléchargé une grande image et que vous souhaitez l'afficher à l'échelle, ajustez les balises. Après le guillemet de fermeture, insérez une balise width = ou height =, puis la taille souhaitée en pixels. Par exemple:. Dans ce cas, vous obtiendrez une image orientée verticalement avec une hauteur de 800 pixels.

Étape 6

Lors du style avec les balises suivantes, la taille n'est pas ajustée, mais un cadre apparaît autour de l'image:. La couleur du cadre est rouge, l'épaisseur est de 5 pixels. Modifiez les options appropriées pour qu'elles correspondent aux couleurs et aux tailles souhaitées.

Conseillé: