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.

Copy this code and past your page.



HTML <picture> tag

Support Browser
HTML <picture> tag
HTML <picture> tag
HTML <picture> tag
HTML <picture> tag
HTML <picture> tag
HTML <picture> tag
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 ? 

    Jonny Richards

    Templateify is a site where you find unique and professional blogger templates, Improve your blog now for free.

    Previous Post Next Post