Balisage d'image du didacticiel HTML Basics
Balise d'image
Remarque : il s'agit d'une balise unilatérale
Dans la page Web, les images peuvent être trouvées partout
Fondamentalement, chaque page Web contient des images
Ensuite, utilisons la balise <img>
Format de syntaxe : <attribut img = "valeur">
Commun attributs
- Largeur : largeur de l'image
- Hauteur : hauteur de l'image
- Bordure : L'épaisseur de la bordure de l'image.
- Src : Le chemin de l'image (chemin relatif)
- Aligner : L'alignement horizontal de l'image, valeurs : gauche, centre, droite
- Hspace : la distance entre l'image et le texte gauche et droit (distance horizontale)
- Vspace : la distance entre l'image et le texte contextuel (distance verticale) ).
Notes
- Si vous souhaitez redimensionner l'image proportionnellement, il suffit de spécifier la largeur ou la hauteur.
- L'attribut Align ne peut centrer que le texte, pas l'image seule.
- Align peut obtenir l'effet de « graphiques et textes mélangés ». align = « left | right »
- Voyons un exemple :
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p>Life was like a box of chocolates, you never know what you're gonna get.（生命就像一盒巧克力，结果往往出人意料。）---《阿甘正传》 </p> <img src="/upload/course/000/000/009/58117bf7d1215384.jpg" width="200" border="5" align="center"> </body> </html>
Remarque : vous pouvez essayer de saisir d'autres attributs pour voir Effet, si vous souhaitez centrer l'image, vous ne pouvez utiliser que CSS Nous le présenterons plus tard.
nouveau fichier
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<p>Life was like a box of chocolates, you never know what you're gonna get.（生命就像一盒巧克力，结果往往出人意料。）---《阿甘正传》
</p>
<img src="/upload/course/000/000/009/58117bf7d1215384.jpg" width="200" border="5" align="center">
</body>
</html>
Aperçu
Clear
- Recommandations de cours
- Téléchargement du didacticiel
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~
Les étudiants qui ont regardé ce cours apprennent également
Parlons brièvement de la création d'une entreprise en PHP
Introduction rapide au développement web front-end
Développement pratique à grande échelle par Tianlongbabu du cadre MVC version Mini imitant le site Web de l'encyclopédie des choses embarrassantes
Premiers pas avec le développement pratique PHP : création rapide de PHP [Small Business Forum]
Vérification de connexion et forum de discussion classique
Collecte de connaissances sur les réseaux informatiques
Démarrage rapide de la version complète de Node.JS
Le cours front-end qui vous comprend le mieux : HTML5/CSS3/ES6/NPM/Vue/...[Original]
Écrivez votre propre framework PHP MVC (40 chapitres en profondeur/gros détails/à lire absolument pour que les débutants progressent)