Recherche chaud: ecrivain ecrire scene amoureuse comment se débarasser dun oppossum les differents type de mollusques normes test de frappe proviron incovenients appel avec mobile partner dessiner une crevette niveau de difficulté selon pente
Index Loisirs Santé Technologie

Comment insérer des images avec HTML

Publié:2012-06-22Source: général
Advertisement

Deux méthodes: HTML échantillon pour Insertion ImagesInserting Images avec HTML

Ajout d'images à votre site Web ou un profil de réseautage social est une excellente façon d'embellir votre page. HTML (HyperText Markup Language) est livré avec de nombreuses fonctionnalités de développement web, mais le code nécessaire pour ajouter des images est assez simple.

Étapes

HTML échantillon pour Insertion d'images

Comment insérer des images avec HTML

Code HTML pour Insertion d'images

Insertion d'images avec HTML

Ancien fichier pas une ressource

1

Téléchargez votre image à un site Web hébergement gratuit d'images, comme Photobucket ou TinyPic, qui permet à chaud liaison Hot-linking est un lien vers l'image directement à partir du serveur de site d'accueil. certains sites ont interdit parce chaud liaison utilise leur bande passante et prend de la place sur leurs serveurs.

Si vous avez un compte payant d'hébergement Web, télécharger votre image pour que l'hôte à la place. Il sera plus fiable que un site gratuit.

Ancien fichier pas une ressource

2

Ouvrez un nouveau document dans un éditeur de texte (par exemple, le Bloc-notes) ou la page sur votre site / profil où vous pouvez modifier le code HTML.

Ancien fichier pas une ressource

3

Commencez avec la balise img. La balise img est vide, ce qui signifie qu'il n'a pas besoin d'une balise de fermeture. Toutefois, la validité XHTML, vous pouvez ajouter un espace et slash avant le signe supérieur à.

<img />

Ancien fichier pas une ressource

4

Il existe de nombreux attributs disponibles, mais un seul est absolument nécessaire: src. Ceci est l'emplacement, ou l'URL, de votre image.

<img src = "URL de l'image" />

Ancien fichier pas une ressource

5

Ensuite, vous devez ajouter l'attribut alt. Cela définit un texte alternatif, dans le cas où l'image ne ​​se charge pas. Le texte de remplacement est également lue aux visiteurs aveugles qui utilisent des lecteurs d'écran.

Si vous passez votre curseur sur l'image, le texte de remplacement apparaîtra dans un outil de pointe, mais seulement dans Internet Explorer. La solution multi-navigateur (fonctionne dans Firefox et al.) Est d'utiliser l'attribut title en plus d'alt. (Laissez ce si vous ne voulez pas que l'image ait un outil de pointe.)

Par example:

<img src = "URL de l'image" alt = "Juste au cas où" title = "Info-bulle" />

Ancien fichier pas une ressource

6

Maintenant, vous pouvez éventuellement spécifier la taille de votre image, en utilisant le attributs height et width, et ​​précisant les pixels ou en pourcentage. Notez que en changeant la taille de ce genre, vous êtes seulement en changeant la taille que l'image affiche. Le navigateur charge encore la taille réelle de l'image, donc si vous avez une image inutilement grand, il est préférable de modifier la taille à l'aide d'un programme de retouche photo ou PicResize.com plutôt que de simplement changer la taille d'affichage.

<img src = "URL de l'image" alt = "Juste au cas où" title = hauteur "Info-bulle" = largeur "50%" = "50%" />

<img src = "URL de l'image" alt = "Juste au cas où" title = hauteur "Info-bulle" = "25px" width = "50px" />

Merci pour ton aide! S'il vous plaît nous dire ce que vous savez à propos de

...

Vidéo

Conseils

La valeur de ces attributs est soit une valeur de pixel positif ou un pourcentage de 1 à 100 pour cent.

L'image ou l'image peut être placé n'importe où dans la page web avec un attribut align tels que haut, en bas, au milieu, à droite, à gauche, etc.

Ne pas aller dessus avec des images. Il semble juste salissant et peu professionnel.

Pour les logos ou des dessins animés images GIF sont bonnes, alors que pour l'imagerie complexe telles que des photographies des images JPEG sont bonnes.

Images GIF ne supportent couleur 8 bits pour un maximum de 256 couleurs avec dans l'image. Donc, un certain degré de perte est inévitable lors de la représentation de vraies images de couleurs telles que des photographies.

Les images GIF prennent également en charge la transparence. Un bit de transparence est autorisé ce qui signifie que une couleur peut être configuré pour être transparent.

L'entrelacement est également soutenue par des images GIF qui signifie l'effet d'entrelacement permet à un utilisateur de se faire une idée de ce qu'est un look imagées comme avant la totalité de l'image a téléchargé.

Le format GIF prend également en charge l'animation.

Assurez-vous que l'URL inclut le format du fichier image (.jpg, .gif, etc).

L'attribut hspace est utilisé pour insérer un tampon d'espace horizontal sur la gauche et droite de l'image, tandis que l'attribut vspace est utilisé pour insérer un tampon de l'espace vertical entre le haut et le bas de l'image et d'autres objets.

Avertissements

Ne pas HOTLink!

[Rédacteur: Admin]
Je vous imagine comme

Articles recommandés

Cliquez Top Ranking