- HTML Tutorial
- HTML - Home
- HTML - Introduction
- HTML - Editors
- HTML - Basic Tags
- HTML - Elements
- HTML - Attributes
- HTML - Headings
- HTML - Paragraphs
- HTML - Fonts
- HTML - Blocks
- HTML - Style Sheet
- HTML - Formatting
- HTML - Quotations
- HTML - Comments
- HTML - Colors
- HTML - Images
- HTML - Image Map
- HTML - Iframes
- HTML - Phrase Elements
- HTML - Meta Tags
- HTML - Classes
- HTML - IDs
- HTML - Backgrounds
- HTML Tables
- HTML - Tables
- HTML - Headers & Caption
- HTML - Table Styling
- HTML - Table Colgroup
- HTML - Nested Tables
- HTML Lists
- HTML - Lists
- HTML - Unordered Lists
- HTML - Ordered Lists
- HTML - Definition Lists
- HTML Links
- HTML - Text Links
- HTML - Image Links
- HTML - Email Links
- HTML Color Names & Values
- HTML - Color Names
- HTML - RGB
- HTML - HEX
- HTML - HSL
- HTML Forms
- HTML - Forms
- HTML - Form Attributes
- HTML - Form Control
- HTML - Input Attributes
- HTML Media
- HTML - Video Element
- HTML - Audio Element
- HTML - Embed Multimedia
- HTML Header
- HTML - Head Element
- HTML - Adding Favicon
- HTML - Javascript
- HTML Layouts
- HTML - Layouts
- HTML - Layout Elements
- HTML - Layout using CSS
- HTML - Responsiveness
- HTML - Symbols
- HTML - Emojis
- HTML - Style Guide
- HTML Graphics
- HTML - SVG
- HTML - Canvas
- HTML APIs
- HTML - Geolocation API
- HTML - Drag & Drop API
- HTML - Web Workers API
- HTML - WebSocket
- HTML - Web Storage
- HTML - Server Sent Events
- HTML Miscellaneous
- HTML - MathML
- HTML - Microdata
- HTML - IndexedDB
- HTML - Web Messaging
- HTML - Web CORS
- HTML - Web RTC
- HTML Demo
- HTML - Audio Player
- HTML - Video Player
- HTML - Web slide Desk
- HTML Tools
- HTML - Velocity Draw
- HTML - QR Code
- HTML - Modernizer
- HTML - Validation
- HTML - Color Picker
- HTML References
- HTML - Cheat Sheet
- HTML - Tags Reference
- HTML - Attributes Reference
- HTML - Events Reference
- HTML - Fonts Reference
- HTML - ASCII Codes
- ASCII Table Lookup
- HTML - Color Names
- HTML - Entities
- MIME Media Types
- HTML - URL Encoding
- Language ISO Codes
- HTML - Character Encodings
- HTML - Deprecated Tags
- HTML Resources
- HTML - Quick Guide
- HTML - Useful Resources
- HTML - Color Code Builder
- HTML - Online Editor
HTML - sizes Attribute
HTML sizes attribute specifies the sizes of the linked resources. It is used to provide the sizes of icons for visual media. The sizes attribute is only used with rel="icon".
This attribute is not supported by any element anymore.
Syntax
<link rel="icon" sizes="10x10">
Applies on
Below-listed element allows the use of the HTML sizes attribute.
Element | Description |
---|---|
<link> | HTML <link> tag specifies relationship between the current document and an external resource. |
<img> | HTML <img> tag is used to embed image in to the HTML document. |
<source> | HTML <source> tag is used to define a variety of media resources in different formats. |
Example of HTML sizes Attribute
Below example will illustrate the HTML sizes attribute, where and how we should use this attribute!
Define favicon dimension using sizes Attribute
Output window displays the text with hyperlink. Upon clicking this link, favicon image is seen in "sample.htm" page. Try to run the code locally.
<!DOCTYPE html> <html> <head> <title>HTML sizes attribute in link tag</title> <link rel="icon" href=" https://indoleads.nyc3.cdn.digitaloceanspaces.com/uploads/offers/logo/8512_92749e1af2bb2.png" type="image/gif" sizes="16x16"> </head> <body> <p> Open this page in a <a href="sample.htm" target="_blank"> new window </a> to see the favicon. </p> </body> </html>
Supported Browsers
Attribute | |||||
---|---|---|---|---|---|
sizes | No | No | No | No | No |
html_attributes_reference.htm
Advertisements
To Continue Learning Please Login
Login with Google