-->

HTML picture Tag

HTML <picture> tag

HTML <picture> tag

HTML picture tag: 

This is a double tag. <picture> This is the beginning tag and </picture> this is the closing  tag. The <picture> element gives web developers more pliability in specifying image resources. The most Conventional used of the <picture> tag for art direction in responsive designs. Depending on the width of the viewport, multiple images can be designed to better fill the browser viewport, rather than having an image that is scaled up or down. HTML <picture> tag contains zero or more <source> tag and one <img> element to offer alternative versions of an image for different display/device scenarios. This tag using for displaying picture.





<picture>=picture.
Copy this code and past your page.




Example:

Result:

HTML <picture> tag






Support Browser
HTML <picture> tag
Browser
HTML <picture> tag
Google 
 Chrome  
HTML <picture> tag
Internet
Explorer
HTML <picture> tag
Firefox
HTML <picture> tag
Opera  
HTML <picture> tag
 Safari   
<picture>
38.0
13.0
38.0 25.09.1






  • Elements Attributes:  media, sizes, src, srcset, type etc.


    • Html Version Differenc: Differences Between HTML 5 and 4.01. 


    The <picture> element or tag is new in HTML5.


    If you want to make to displaying picture using HTML code, Use HTML<picture> element.


    1. What is the <picture>tag ?

    2. What is the  <picture> tag using for?

    3. What is the definition of <picture> tag ?

    4. What is the <picture> tag mean ?

    5.How can You make to displaying picture using html code ? 


    Facebook Comments

    Follow by Email