Après avoir essayé plusieurs solutions prêtes à l'emploi, qui ne nécessitaient aucune connaissance du sujet, vous avez décidé de vous lancer dans la création d'un site Internet "se salir les mains" avec le codeHTML. Vous êtes très passionné, mais il y a des choses que vous n'avez pas encore bien compris.
Par exemple, vous voudriez des précisions sur «comment insérer une image en HTML», quels sont les paramètres corrects à utiliser pour le formatage du code et quelles informations peuvent être saisies dans ce dernier. Eh bien, sachez que vous êtes au bon endroit au bon moment. Nous ne perdons plus de temps et voyons immédiatement tout ce que nous devons savoir sur l'insertion de photos sur des sites Internet et des blogs en utilisant du code HTML.Pour comprendre comment insérer une image en HTML, il faut bien mémoriser un concept clé: les images que vous voyez sur les pages Web des sites Internet, des blogs et des forums ne sont pas intégrées dans ces derniers mais sont rappelées des emplacements externes. Cela signifie que chaque photo doit avoir une adresse unique à laquelle l'utilisateur peut se référer pour l'utiliser en ligne.
L'adresse d'une image est composée de cette façon: au début il y a l'adresse de l'espace web sur lequel elle est hébergée (par exemple) et ensuite c ' est le nom de l'image de l'extension complète (par exemple
Immagine.jpg). L'adresse directe d'une image sur le Web doit donc avoir une composition du typeimmagine.jpg.À ce stade, vous vous demanderez, mais comment vous souvenez-vous de l'adresse d'une image sur une page Web, afin de rendre la photo visible au public? Rien ne pourrait être plus simple. Il suffit d'utiliser la baliseimgsuivie des mots
src =et de l'adresse de l'image à insérer dans la page entre guillemets. Pour continuer avec l'exemple ci-dessus, vous devez utiliser la mise en forme suivante:Vous savez maintenant comment insérer une image en HTMLen utilisant du code de base, mais vous pouvez ajouter d'autres variables pour spécifier la taille, l'alignement et l'espacement des photos dans le contexte des pages dans lesquelles ils sont insérés.Pour aligner une image au centre, à gauche, à droite, en haut ou en bas de la page, vous devez faire est d'utiliser le format que nous venons de voir ensemble et ajouter la align variable =
suivi du type de disposition que vous voulez prendre à la photo. Voici un exemple:Avec ce code, nous avons aligné l'image au centre (valeur centrale
) mais vous pouvez réellement utiliser beaucoup d'autres types de variables align: left
aligne les images sur la gauche;droitealigne les images sur la droite;en basa la photo en bas à droite de la première ligne de texte;milieua la photo sur la partie centrale à droite de la première ligne de texte;topa la photo en haut à droite de la première ligne de texte.Comme mentionné ci-dessus, à travers le code HTML, vous pouvez également redimensionner les images (visuellement seulement, sans modifier le fichier original) et spécifier l'espacement qu'elles doivent avoir par rapport aux autres éléments qui composent la page Web dans laquelle elles sont insérées.Pour indiquer les dimensions qui doivent avoir une image, vous devez utiliser les variableslargeur et la hauteur
spécifiant les valeurs de pixels, alors que pour l'espacement dont vous avez besoin d'utiliser la voix hspacepour indiquer l'espacement horizontal etvspacepour indiquer l'espacement vertical. Voici un exemple de photo de 300 × 200 pixels avec un espacement vertical et horizontal de 20 pixels:Enfin, nous voyons commentassocier un lien vers une image, de sorte que cliquant dessus sera redirigé vers une page ou d'un site web, et comment une description textuelle de l'image à jouer dans le cas où cela ne peut pas être s'affiche correctement (par exemple pour des erreurs de serveur ou pour supprimer la photo de son emplacement d'origine).Pour ajouter un lien Internet à une image, vous devez faire est de préfixe le code a href =
suivi de l'adresse du site Web pour créer un lien vers le code d'image et insérer la balise
à la fin du code. Voici un exemple où l'image que nous avons utilisé jusqu'à présent pour notre exemple relie l'adressewww.sitodalinkare.com:En ce qui concerne la description textuelle, cependant, celui-ci est ajouté à la photo en utilisant le code altqui devrait être utilisé de cette façon:Je dirais que c'est tout! Maintenant, vous connaissez toutes les règles de base pour "insérer une image en HTML" dans les blogs et les sites Web.Il en faut très peu pour les apprendre, vu? Et à partir de là, vous pouvez approfondir le sujet en découvrant de nombreuses autres fonctions qui peuvent être exploitées en HTML. Amusez-vous!