{"id":110730,"date":"2021-02-25T15:59:22","date_gmt":"2021-02-25T10:29:22","guid":{"rendered":"https:\/\/www.vskills.in\/certification\/tutorial\/?page_id=110730"},"modified":"2024-04-12T14:31:13","modified_gmt":"2024-04-12T09:01:13","slug":"img-tag-attributes-3","status":"publish","type":"page","link":"https:\/\/www.vskills.in\/certification\/tutorial\/img-tag-attributes-3\/","title":{"rendered":"img tag Attributes"},"content":{"rendered":"\n<p>The &lt;img&gt; tag has all the universal and the UI event attributes. Other specific attributes are<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>src<\/li>\n\n\n\n<li>alt<\/li>\n\n\n\n<li>align<\/li>\n\n\n\n<li>border<\/li>\n\n\n\n<li>height<\/li>\n\n\n\n<li>width<\/li>\n\n\n\n<li>hspace<\/li>\n\n\n\n<li>vspace<\/li>\n\n\n\n<li>ismap<\/li>\n\n\n\n<li>usemap<\/li>\n\n\n\n<li>longdesc<\/li>\n\n\n\n<li>name<\/li>\n<\/ul>\n\n\n\n<p><strong>Src<\/strong> \u2013 It has the path to the image file in the value part and it is usually a relative URL. It can be an absolute URL or a relative URL.<\/p>\n\n\n\n<p>&lt;img src=\u201dlogo.jpg\u201d \/&gt;<\/p>\n\n\n\n<p>This attribute usage is illustrated as<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/The-img-Tag-Attributes.png\" alt=\"The img Tag Attributes\" class=\"wp-image-41639\"\/><\/figure>\n<\/div>\n\n\n<p><strong>Alt<\/strong> \u2013 It is also called as alt text. It stores a text value which is a text description of image, as<\/p>\n\n\n\n<p>&lt;img src=\u201dlogo.jpg\u201d alt=\u201dVskills logo\u201d \/&gt;<\/p>\n\n\n\n<p>It is used in different ways as<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If the image could not be shown by browser, this text is shown instead.<\/li>\n\n\n\n<li>Screen reader software reads a web page for blinds, uses it to describe the image.<\/li>\n\n\n\n<li>&nbsp;Search engines use alt text to index the web page.<\/li>\n<\/ul>\n\n\n\n<p><strong>border <\/strong>\u2013 It specifies width in pixels of line around an image. By default, images do not have borders, so to create a border around an image assign value to it as<\/p>\n\n\n\n<p>&lt;img src=\u201dimages\/logo.jpg\u201d alt=\u201dVskills Logo\u201d border=\u201d1\u201d \/&gt;<\/p>\n\n\n\n<p>It is not used now but alignment is done by CSS.<\/p>\n\n\n\n<p><strong>Height and width<\/strong> &#8211; They indicate the height and width for the image when showed in the browser. Their values are usually in pixels as<\/p>\n\n\n\n<p>&lt;img src=\u201dlogo.jpg\u201d alt=\u201dVskills Logo\u201d height=\u201d120\u201d width=\u201d180\u201d \/&gt;<\/p>\n\n\n\n<p>Their values can also be in percentage of the browser screen or containing element<\/p>\n\n\n\n<p>Browser can display images smaller or larger than their actual size but this may blur the images or image will not be as clear but, instead different size version of images as per use should be made.<\/p>\n\n\n\n<p><strong>align <\/strong>\u2013 It positions an image within the web page or in an element to left, right or center. It is not used now but alignment is done by CSS.<\/p>\n\n\n\n<p><strong>hspace and vspace<\/strong> &#8211; They specify the amount of space in pixels, around an image.<\/p>\n\n\n\n<p>&lt;img src=\u201dimages\/logo.jpg\u201d alt=\u201dVskills Logo\u201d hspace=\u201d10\u201d vspace=\u201d14\u201d \/&gt;<\/p>\n\n\n\n<p>It is not used now but alignment is done by CSS.<\/p>\n\n\n\n<p><strong>ismap and usemap<\/strong> &#8211; They are used with image maps.<\/p>\n\n\n\n<p><strong>longdesc<\/strong> \u2013 It specify the URL of a document (or part of a document) containing a description for the image in more detail as shown<\/p>\n\n\n\n<p>longdesc=\u201d..\/how_it_works.html\u201d<\/p>\n\n\n\n<p>Most browser does not support it<\/p>\n\n\n\n<p><strong>name<\/strong> \u2013 It is used to identify an image usually for script code but it is replaced now with the id attribute.<\/p>\n\n\n\n<p>name=\u201dimage_name\u201d<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Apply for HTML Certification<\/strong><\/h3>\n\n\n\n<p><a href=\"https:\/\/www.vskills.in\/certification\/certified-html-designer\">https:\/\/www.vskills.in\/certification\/certified-html-designer<\/a><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong><a href=\"https:\/\/www.vskills.in\/certification\/certified-html-designer\" target=\"_blank\" rel=\"noreferrer noopener\">Back to Tutorials<\/a><\/strong><\/h4>\n","protected":false},"excerpt":{"rendered":"<p>The &lt;img&gt; tag has all the universal and the UI event attributes. Other specific attributes are Src \u2013 It has the path to the image file in the value part and it is usually a relative URL. It can be an absolute URL or a relative URL. &lt;img src=\u201dlogo.jpg\u201d \/&gt; This attribute usage is illustrated&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[70],"tags":[],"class_list":["post-110730","page","type-page","status-publish","hentry","category-html"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>img tag Attributes - Tutorial<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vskills.in\/certification\/tutorial\/img-tag-attributes-3\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"img tag Attributes - Tutorial\" \/>\n<meta property=\"og:description\" content=\"The &lt;img&gt; tag has all the universal and the UI event attributes. Other specific attributes are Src \u2013 It has the path to the image file in the value part and it is usually a relative URL. It can be an absolute URL or a relative URL. &lt;img src=\u201dlogo.jpg\u201d \/&gt; This attribute usage is illustrated...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vskills.in\/certification\/tutorial\/img-tag-attributes-3\/\" \/>\n<meta property=\"og:site_name\" content=\"Tutorial\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/vskills.in\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-12T09:01:13+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/The-img-Tag-Attributes.png\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/img-tag-attributes-3\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/img-tag-attributes-3\/\",\"name\":\"img tag Attributes - Tutorial\",\"isPartOf\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/img-tag-attributes-3\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/img-tag-attributes-3\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/The-img-Tag-Attributes.png\",\"datePublished\":\"2021-02-25T10:29:22+00:00\",\"dateModified\":\"2024-04-12T09:01:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/img-tag-attributes-3\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.vskills.in\/certification\/tutorial\/img-tag-attributes-3\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/img-tag-attributes-3\/#primaryimage\",\"url\":\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/The-img-Tag-Attributes.png\",\"contentUrl\":\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/The-img-Tag-Attributes.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/img-tag-attributes-3\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"img tag Attributes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"name\":\"Tutorial\",\"description\":\"Vskills - A initiative in elearning and certification\",\"publisher\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\",\"name\":\"Vskills\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"contentUrl\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"width\":73,\"height\":55,\"caption\":\"Vskills\"},\"image\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/vskills.in\/\",\"https:\/\/x.com\/vskills_in\",\"https:\/\/www.linkedin.com\/company-beta\/1371554\/\",\"https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"img tag Attributes - Tutorial","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vskills.in\/certification\/tutorial\/img-tag-attributes-3\/","og_locale":"en_US","og_type":"article","og_title":"img tag Attributes - Tutorial","og_description":"The &lt;img&gt; tag has all the universal and the UI event attributes. Other specific attributes are Src \u2013 It has the path to the image file in the value part and it is usually a relative URL. It can be an absolute URL or a relative URL. &lt;img src=\u201dlogo.jpg\u201d \/&gt; This attribute usage is illustrated...","og_url":"https:\/\/www.vskills.in\/certification\/tutorial\/img-tag-attributes-3\/","og_site_name":"Tutorial","article_publisher":"https:\/\/www.facebook.com\/vskills.in\/","article_modified_time":"2024-04-12T09:01:13+00:00","og_image":[{"url":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/The-img-Tag-Attributes.png","type":"","width":"","height":""}],"twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/img-tag-attributes-3\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/img-tag-attributes-3\/","name":"img tag Attributes - Tutorial","isPartOf":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/img-tag-attributes-3\/#primaryimage"},"image":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/img-tag-attributes-3\/#primaryimage"},"thumbnailUrl":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/The-img-Tag-Attributes.png","datePublished":"2021-02-25T10:29:22+00:00","dateModified":"2024-04-12T09:01:13+00:00","breadcrumb":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/img-tag-attributes-3\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vskills.in\/certification\/tutorial\/img-tag-attributes-3\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/img-tag-attributes-3\/#primaryimage","url":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/The-img-Tag-Attributes.png","contentUrl":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/The-img-Tag-Attributes.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/img-tag-attributes-3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vskills.in\/certification\/tutorial\/"},{"@type":"ListItem","position":2,"name":"img tag Attributes"}]},{"@type":"WebSite","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","name":"Tutorial","description":"Vskills - A initiative in elearning and certification","publisher":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization","name":"Vskills","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","contentUrl":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","width":73,"height":55,"caption":"Vskills"},"image":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/vskills.in\/","https:\/\/x.com\/vskills_in","https:\/\/www.linkedin.com\/company-beta\/1371554\/","https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw"]}]}},"_links":{"self":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/110730","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/comments?post=110730"}],"version-history":[{"count":3,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/110730\/revisions"}],"predecessor-version":[{"id":126903,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/110730\/revisions\/126903"}],"wp:attachment":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/media?parent=110730"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/categories?post=110730"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/tags?post=110730"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}