<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h2>Example</h2>
<img src="https://i.pinimg.com/originals/c7/93/ae/c793ae372886c450d55535211231204e.jpg" alt="Nature" width="400" height="700">
</body>
</html>
<picture>
<source media="(min-width: 1280px)" srcset="large.jpg">
<source media="(min-width: 640px)" srcset="medium.jpg">
<img src="small.jpg" alt="サンプル">
</picture>
<img src="imagem.jpg" alt="name">
<img src="img.img" alt="" height="" width="">
<img src="/images/sunset.jpg" alt="Picture of a Ha Long Bay sunset">
<img src="photo1.png" alt="">
<picture>
<source srcset="mdn-logo-wide.png" media="(min-width: 600px)">
<img src="mdn-logo-narrow.png" alt="MDN">
</picture>
<img src="" alt="">
<picture>
<source media="(max-width: 799px)" srcset="elva-480w-close-portrait.jpg">
<source media="(min-width: 800px)" srcset="elva-800w.jpg">
<img src="elva-800w.jpg" alt="Chris standing up holding his daughter Elva">
</picture>
<picture>
<source srcset="logo-768.png 768w, logo-768-1.5x.png 1.5x">
<source srcset="logo-480.png, logo-480-2x.png 2x">
<img src="logo-320.png" alt="logo">
</picture>
<picture>
<source type="image/webp" srcset="images/butterfly.webp">
<img src="images/butterfly.jpg" alt="a butterfly">
</picture>
<img srcset="image-400.jpg 400w,
image-800.jpg 800w,
image-1600.jpg 1600w"
sizes="(min-width: 1280px) 600px,
(min-width: 768px) 500px,
100vw"
src="image-800.jpg"
alt="Munster Dom">
<!--Change the browser window width to see the image change.-->
<picture>
<source srcset="/media/cc0-images/surfer-240-200.jpg"
media="(min-width: 800px)">
<img src="/media/cc0-images/painted-hand-298-332.jpg" alt="" />
</picture>
<img style='max-height: 200px'
src='https://img.freepik.com/free-vector/halftone-background-with-circles_23-2148907689.jpg?w=996&t=st=1656583846~exp=1656584446~hmac=034dec0a218e256a2fc57408db73b415586802e91f48fd420630865eb9e531d2'
width='200'
/>
Code Example |
---|
Html :: angular nested if else |
Html :: floating whatsapp button html |
Html :: html variables |
Html :: flip an image js |
Html :: les cercle en html |
Html :: remove extra whitespace in pre html |
Html :: how to align select in table cell center html |
Html :: tabpage in boostrap5 |
Html :: jumbotron bootstrap 5 |
Html :: form row twig symfony |
Html :: fork me github ribbon code html css |
Html :: html input address |
Html :: div search bar |
Html :: how to make a button in html go to another address |
Html :: text box |
Html :: file input html |
Html :: html add title |
Html :: favicon specification |
Html :: bootstarp cards |
Html :: on change event html not working |
Html :: underline code |
Html :: table body element |
Html :: input text |
Html :: remark asp markup |
Html :: expo webview local html |
Html :: flask base models |
Html :: clickable image html |
Html :: launch html in google chrome from terminal |
Html :: mongodb playground |
Html :: how to find total height of single page page in html |