IMAGES IN HTML: =============== path/URL: ========= URL ==> Uniform Resource Locator C:\Personal\Ashok IT\UI Batches\UI_9am\UI Development_HTML_CSS\Day_03\Text Formatts ==> URLs can be represented in two ways: 1) Absolute URL/Full URL when the target file is outside of the project folder (from other folder or from other website...), we can use "absolute path". Ex: C:\Personal\Ashok IT\UI Batches\UI_9am\UI Development_HTML_CSS\Day_03\Text Formatts 2) Relative URL/Short Path when the target file is within the project folder, we can use the "relative url". ex: file-name.extension Ex: image P1 P2 ==> To make display an image as web content: tag can be used. tag: ========== 1) Unpaired Tag doesn't need the close tag 2) Self-closing tag 3) Inline Element 4) Void Element. Syntax: Pixels.com ==> Official website from where we can collect the images Image with Relative Path: ========================= Images with Absolute Path Image with absolute Path: ========================= Images with Absolute Path Attributes: =========== 1) width: ======== ==> to adjust the image horizontally (x-direction), width attribute can be used. Syntax: to represent the width: units: px (pixels), %, em 2) height: =========== ==> to adjust the image vertically (y-direction), height attribute can be used. Syntax: Images with Absolute Path 3) style: ========= ==> we can define both height and width to the image. Syntax: Images with Absolute Path 4) alt: ====== ==> alternative text ==> when the image is not found, to make the display some alternative text "alt" attribute. Syntax: alternative text Images with Absolute Path Image Not Found in the given repository. ========================== 5) title attribute: =================== ==> can work while hovering (placing the cursor on the element) ==> while the hovering: to get the title of the image, we can use "title" attribute. Syntax: Images with Absolute Path ========================================= Display the image from other website: ===================================== Home

Ashok IT

Elevate Your Career with Industry-Ready IT Courses


course Duration : 6 months
Offer Price : 30000/-