HTML5 - Tutorial 7: Inserting Images into HTML
🙏 Donate: https://www.paypal.com/paypalme/Franc...
🌍 Contact me through the contact form on my website: https://www.fantasticamenteing.com/
💻 #HTML5 - Tutorial 7: How to Insert Images into HTML
In this HTML tutorial in Italian, we'll show you how to insert images into a website.
• img tag syntax
• src and alt attributes
• Image dimensions (via width - height - style)
• Floating images (via float)
📌 Syntax
Inserting images into a web page can improve the design and appearance of that page.
NB: #images are not technically inserted into a web page but are linked.
To embed an image in a web page, use the img tag with the following syntax:
img src="url" alt="alternatetext"
📌 The src and alt attributes
▶ The src attribute specifies the image path (url).
▶ The alt attribute provides alternative text for an image if the user cannot view it for some reason (due to a slow connection, an error in the src attribute, or the user is using a screen reader).
📌 Resizing an image
You can use the style attribute to resize an image and specify its width and height. Alternatively, you can use the width and height attributes.
NB: The width and height attributes always define the image's width and height in pixels.
📌 Floating Images
To make an image float to the right or left of text, use the float property:
▶ float:right → the image will float to the right of the text
▶ float:left → the image will float to the left of the text
💼 Eng. Francesca Martorana
On this page of the site you can watch the video online HTML5 - Tutorial 7: Inserting Images into HTML with a duration of hours minute second in good quality, which was uploaded by the user FantasticaMente ING 19 August 2021, share the link with friends and acquaintances, this video has already been watched 5,286 times on youtube and it was liked by 103 viewers. Enjoy your viewing!
