Maison interface Web tutoriel CSS Attributs de balise d'image en HTML_CSS/HTML

Attributs de balise d'image en HTML_CSS/HTML

May 16, 2016 pm 12:11 PM

Attributs des balises d'image en HTML
Les images peuvent rendre les pages Web plus vivantes et plus belles. Le navigateur peut afficher les images JPEG et GIF. Les images GIF ne peuvent utiliser que 256 couleurs maximum (c'est-à-dire qu'elles ne peuvent être enregistrées qu'en couleurs 8 bits), tandis que le format JPEG peut être enregistré en 24 bits pour un ton continu spécifique. L'image a le meilleur effet. Cependant, bien que les images GIF ne soient pas aussi bonnes que les images JPEG en termes de qualité d'image,
elles peuvent être téléchargées rapidement compte tenu de l'espace de stockage qu'elles occupent. Par conséquent, vous devez décider quel format d’images utiliser en fonction de la situation.
L'insertion d'images dans des documents HTML se fait via la balise
. Cette balise a un total de 9 attributs. À l'exception de l'attribut SRC, qui ne peut pas être défini par défaut, tous les autres attributs sont Attributs de balise d'image en HTML_CSS/HTML facultatifs.

1. Attribut SRC. SRC est Source. Cet attribut est utilisé pour indiquer l'emplacement du fichier image référencé. Par exemple :
Notation de chemin absolu :
Attributs de balise d'image en HTML_CSS/HTMLNotation de chemin relatif :
Attributs de balise d'image en HTML_CSS/HTMLLa valeur du paramètre d'attribut de SRC est l'URL du fichier image. Notez que la notation relative peut être utilisée pour identifier l'emplacement du fichier image
uniquement lorsque le fichier image et le document HTML sont dans le même répertoire.
Deux, attribut ALIGN. Les valeurs des paramètres de l'attribut align sont top, middle et bottom. Elles indiquent respectivement que le texte adjacent à l'image est situé en haut à gauche, au milieu à gauche et en bas à droite
de l'image. Par exemple :



Page de test




moi L'icône est-elle belle ? Attributs de balise d'image en HTML_CSS/HTML





Que diriez-vous d'un autre regard sur cela ?

Attributs de balise d'image en HTML_CSS/HTML





Vous pouvez changer l'image par la vôtre. Notez que le répertoire par défaut du navigateur est le dossier temporaire windows/TEMP. Vous devez spécifier le répertoire où se trouve l'image.
Quatre, attribut ALT. Lorsqu'ils naviguent sur le Web, les utilisateurs choisissent souvent de ne pas télécharger d'images pour gagner du temps ou pour d'autres raisons. L'ajout de l'attribut ALT peut afficher certaines informations sur l'image à la position
où l'image est initialement affichée. La valeur du paramètre de l'attribut ALT correspond aux informations textuelles que l'éditeur de page Web espère afficher à l'endroit où l'image est initialement affichée. Généralement,
est le nom et une brève description de l'image. Par exemple.



Page de test




Attributs de balise d'image en HTML_CSS/HTML Tu ne le vois pas ? Héhé










Cinq, confirme le Picture Propriétés telles que les marges. La balise

utilise les deux attributs vspace et hspace pour déterminer la taille de l'espace entre l'image et ses objets adjacents. L'attribut vspace est utilisé pour spécifier la distance entre une image et ses objets verticalement adjacents. hspave est utilisé pour spécifier la distance entre une image et ses objets horizontaux adjacents. Les paramètres de ces deux attributs sont des nombres, indiquant le nombre de pixels restant à une distance de Attributs de balise d'image en HTML_CSS/HTML.
6. Attribut BORDURE.
Lorsque le navigateur appelle l'image, il ajoutera des bordures de différentes largeurs à l'image en fonction de la taille de la fenêtre du navigateur et de l'image d'origine. Nous pouvons utiliser l'attribut border pour spécifier la largeur de la bordure de l'image
ou annuler la bordure
. La valeur du paramètre de l'attribut border est également un nombre, indiquant le nombre de pixels occupés par la largeur de la bordure. Par exemple :


Page de test





Il suffit de voir l'effet. Attributs de balise d'image en HTML_CSS/HTML








Plus la valeur du paramètre de bordure est grande, plus la bordure est grande. 7. Attribut ISMAP
Cet attribut est lié au lien hypertexte du document Nous l'expliquerons en détail plus tard.

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Travailler avec GraphQL Caching Travailler avec GraphQL Caching Mar 19, 2025 am 09:36 AM

Si vous avez récemment commencé à travailler avec GraphQL ou examiné ses avantages et ses inconvénients, vous avez sans aucun doute entendu des choses comme "GraphQL ne prend pas en charge la mise en cache" ou

Construire une application Ethereum à l'aide de Redwood.js et de la faune Construire une application Ethereum à l'aide de Redwood.js et de la faune Mar 28, 2025 am 09:18 AM

Avec la récente montée du prix du bitcoin sur 20k $ USD, et pour lui, récemment en train de briser 30k, je pensais que cela valait la peine de reprendre une profonde plongeon dans la création d'Ethereum

Vue 3 Vue 3 Apr 02, 2025 pm 06:32 PM

Il est sorti! Félicitations à l'équipe Vue pour l'avoir fait, je sais que ce fut un effort massif et une longue période à venir. Tous les nouveaux documents aussi.

Pouvez-vous obtenir des valeurs de propriété CSS valides du navigateur? Pouvez-vous obtenir des valeurs de propriété CSS valides du navigateur? Apr 02, 2025 pm 06:17 PM

J'ai eu quelqu'un qui écrivait avec cette question très légitime. Lea vient de bloguer sur la façon dont vous pouvez obtenir les propriétés CSS valides elles-mêmes du navigateur. C'est comme ça.

Un peu sur CI / CD Un peu sur CI / CD Apr 02, 2025 pm 06:21 PM

Je dirais que "Site Web" correspond mieux que "Application mobile" mais j'aime ce cadrage de Max Lynch:

Comparaison des navigateurs pour une conception réactive Comparaison des navigateurs pour une conception réactive Apr 02, 2025 pm 06:25 PM

Il existe un certain nombre de ces applications de bureau où l'objectif montre votre site à différentes dimensions en même temps. Vous pouvez donc, par exemple, écrire

Utilisation de Markdown et de la localisation dans l'éditeur de blocs WordPress Utilisation de Markdown et de la localisation dans l'éditeur de blocs WordPress Apr 02, 2025 am 04:27 AM

Si nous devons afficher la documentation à l'utilisateur directement dans l'éditeur WordPress, quelle est la meilleure façon de le faire?

Cartes empilées avec un positionnement collant et une pincée de sass Cartes empilées avec un positionnement collant et une pincée de sass Apr 03, 2025 am 10:30 AM

L'autre jour, j'ai repéré ce morceau particulièrement charmant sur le site Web de Corey Ginnivan où une collection de cartes se cassent les uns sur les autres pendant que vous faites défiler.

See all articles