Maison interface Web tutoriel HTML Tutoriel HTML : Introduction à la modification des attributs de taille, d'alignement, d'espacement et de bordure d'image_HTML/Xhtml_Production de pages Web

Tutoriel HTML : Introduction à la modification des attributs de taille, d'alignement, d'espacement et de bordure d'image_HTML/Xhtml_Production de pages Web

May 16, 2016 pm 04:40 PM
图片大小 Propriétés des bordures

Balise d'image :Tutoriel HTML : Introduction à la modification des attributs de taille, d'alignement, d'espacement et de bordure d'image_HTML/Xhtml_Production de pages Web
Pour insérer une image dans la page, nous devons utiliser la balise "img", dont l'attribut est "src"
Par exemple code :
Tutoriel HTML : Introduction à la modification des attributs de taille, d'alignement, d'espacement et de bordure d'image_HTML/Xhtml_Production de pages Web
Conclusion :


Ici nous supposons que le fichier image et le fichier html sont dans le même répertoire.
De même, nous pouvons donner le chemin complet du fichier image.
Par exemple :
Tutoriel HTML : Introduction à la modification des attributs de taille, d'alignement, d'espacement et de bordure d'image_HTML/Xhtml_Production de pages Web
Largeur et hauteur :
Corrigez la taille de l'image affichée dans la page Web en utilisant la largeur et la hauteur dans les attributs.
Exemple de code :
Tutoriel HTML : Introduction à la modification des attributs de taille, d'alignement, d'espacement et de bordure d'image_HTML/Xhtml_Production de pages Web
Conclusion :


Alignement :
Nous pouvons utiliser "align" dans l'attribut pour aligner l'image.
Définissez la valeur de l'attribut sur : gauche/droite/centre
Par exemple, code :
Tutoriel HTML : Introduction à la modification des attributs de taille, d'alignement, d'espacement et de bordure d'image_HTML/Xhtml_Production de pages Web Tutoriel HTML : Introduction à la modification des attributs de taille, dalignement, despacement et de bordure dimage_HTML/Xhtml_Production de pages Web
Conclusion :



Border :
Nous pouvons utiliser "border" dans les propriétés pour définir la bordure autour de l'image. Cela peut être utilisé pour créer un espace autour de l'image.
Exemple de code :
Tutoriel HTML : Introduction à la modification des attributs de taille, d'alignement, d'espacement et de bordure d'image_HTML/Xhtml_Production de pages Web
Conclusion :
Tutoriel HTML : Introduction à la modification des attributs de taille, dalignement, despacement et de bordure dimage_HTML/Xhtml_Production de pages Web
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

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Tags d'article chaud

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)

Difficulté à mettre à jour la mise en cache des pages Web officielles du compte: comment éviter l'ancien cache affectant l'expérience utilisateur après la mise à jour de la version? Difficulté à mettre à jour la mise en cache des pages Web officielles du compte: comment éviter l'ancien cache affectant l'expérience utilisateur après la mise à jour de la version? Mar 04, 2025 pm 12:32 PM

Difficulté à mettre à jour la mise en cache des pages Web officielles du compte: comment éviter l'ancien cache affectant l'expérience utilisateur après la mise à jour de la version?

Comment utiliser les attributs de validation du formulaire HTML5 pour valider l'entrée utilisateur? Comment utiliser les attributs de validation du formulaire HTML5 pour valider l'entrée utilisateur? Mar 17, 2025 pm 12:27 PM

Comment utiliser les attributs de validation du formulaire HTML5 pour valider l'entrée utilisateur?

Quel est le but du & lt; iframe & gt; étiqueter? Quelles sont les considérations de sécurité lorsque vous l'utilisez? Quel est le but du & lt; iframe & gt; étiqueter? Quelles sont les considérations de sécurité lorsque vous l'utilisez? Mar 20, 2025 pm 06:05 PM

Quel est le but du & lt; iframe & gt; étiqueter? Quelles sont les considérations de sécurité lorsque vous l'utilisez?

Comment ajouter efficacement les effets de course aux images PNG sur les pages Web? Comment ajouter efficacement les effets de course aux images PNG sur les pages Web? Mar 04, 2025 pm 02:39 PM

Comment ajouter efficacement les effets de course aux images PNG sur les pages Web?

Quel est le but du & lt; mètre & gt; élément? Quel est le but du & lt; mètre & gt; élément? Mar 21, 2025 pm 12:35 PM

Quel est le but du & lt; mètre & gt; élément?

Quelles sont les meilleures pratiques pour la compatibilité entre les navigateurs dans HTML5? Quelles sont les meilleures pratiques pour la compatibilité entre les navigateurs dans HTML5? Mar 17, 2025 pm 12:20 PM

Quelles sont les meilleures pratiques pour la compatibilité entre les navigateurs dans HTML5?

Quel est le but du & lt; datalist & gt; élément? Quel est le but du & lt; datalist & gt; élément? Mar 21, 2025 pm 12:33 PM

Quel est le but du & lt; datalist & gt; élément?

Quel est le but du & lt; Progress & gt; élément? Quel est le but du & lt; Progress & gt; élément? Mar 21, 2025 pm 12:34 PM

Quel est le but du & lt; Progress & gt; élément?

See all articles