Skip to main content

Images

Images | HTML: Images can impact more than words. So it is easy to deliver the information. 

Here is the images.html:

  1. <!DOCTYPE html>
  2. <html lang="en" dir="ltr">
  3.   <head>
  4.     <link rel="stylesheet" href="css/stylesheet.css">
  5.     <title>Images in Html</title>
  6.   </head>
  7.   <body>
  8.     <!-- pictures -->
  9.     <picture>
  10.       <source media="(min-width: 525px)" srcset="images/nature.jpg">
  11.       <source media="(min-width: 350px)" srcset="images/lights.jpg">
  12.         <img src="images/park.jpg" alt="flowers">
  13.     </picture>
  14.   </body>
  15. </html>

Web view of Html:




Here is the Video: