Posts with the tag html:

Native Lazy Loading Images and Iframes

what is lazy-loading Lazy-loading means load this element on demand. We use the lazyloading technique to speed up the web page load time. using lazyloading with images Sample code for image element with lazy loading enabled. <img width="" height="" loading="lazy" src="" alt="" /> The loading="lazy" is to load the image on demand. width="200" and height="400" to save the space for the loading image. src="" for the image url. alt="" to give a description for the image for accessibility purposes. We us this CSS code snippet to make images responsive. img {max-width:100%;height:auto;} using lazyloading with iframe Just add loading="lazy" to the opening element of iframe like this.

HTML & HTML5 – Documentation and Code Snippets

HTML stands for HyperText Markup Language. HTML5 is the fifth version of HTML. HTML is the markup language of the browser. It is the main pillar in the web technology. It structures all the webpages. So it is IMPORTANT! Minimal Page <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!-- content here --> </body> </html> Head <head> <title>Title</title> <base href="base-url" /> <link href="style.css" rel="stylesheet" type="text/css" /> <style type="text/css"> /* CSS code */ </style> <script src="script.js"></script> <script> // Javascript code </script> <meta charset="UTF-8"> <meta name="keywords" content="keywords"> <meta name="description" content="description"> <meta name="author" content="name"> <meta http-equiv="refresh" content="10"> </head> Tag Element title page title link link to external source style CSS inside HTML page script Javascript code meta metadata meta http-equiv="refresh” content="10” auto-refresh page in 10s base base url for all links Text Content Headings <h1>Main heading</h1> <!