Found 2202 Articles for HTML

How to use HTML5 GeoLocation API with Google Maps?

Vrundesha Joshi
Updated on 18-May-2020 08:36:34

2K+ Views

HTML5 Geolocation API lets you share your location with your favorite websites. A Javascript can capture your latitude and longitude and can be sent to backend web server and do fancy location-aware things like finding local businesses or showing your location on a map. The geolocation coordinates specify the geographic location of the device.We will be using getCurrentPostion() method to get the current location. To get current location using HTML5 Geolocation with Google Maps, you need to set an API key for Google Static Maps API.Go to https://console.developers.google.com and get a free API key for Google Map. Add this key ... Read More

How to store a name permanently using HTML5 Local Storage?

Rishi Rathor
Updated on 25-Feb-2020 07:00:54

368 Views

The Local Storage is designed for storage that spans multiple windows and lasts beyond the current session. In particular, Web applications may wish to store megabytes of user data, such as entire user-authored documents or a user's mailbox, on the client side for performance reasons.HTML5 localStorage saves string data in the browser and lasts beyond the current session. localStorage stores the data, with no expiration, whereas sessionStorage is limited to the session only. When the browser is closed, the session is lost.The data won’t get deleted when the browser is closed. Here, we will save the name for example.You can ... Read More

How to redirect URL to the different website after few seconds?

George John
Updated on 30-Jul-2019 22:30:21

7K+ Views

Page redirection is a situation where you clicked a URL to reach a page X but internally you were directed to another page Y. It happens due to page redirection. To redirect URL to a different website after few seconds, use the META tag, with the content attribute. The attributes set the seconds. The following is an example of redirecting current page to another website in 10 seconds. The content attribute sets the seconds. Example Live Demo HTML Meta Tag Hello HTML5!

How to automatically redirect a Web Page to another URL?

Arushi
Updated on 12-Sep-2023 00:58:59

45K+ Views

Page redirection is a situation where you clicked a URL to reach a page X but internally you were directed to another page Y. It happens due to page redirection.To redirect from an HTML page, use the META Tag. With this, use the http-equiv attribute to provide an HTTP header for the value of the content attribute. The value of the content is the number of seconds; you want the page to redirect after.Set the content attribute to 0, if you want the page to load the new URL immediately.ExampleThe following is an example of redirecting current page to another ... Read More

How to redirect from an HTML page?

Yaswanth Varma
Updated on 10-Sep-2023 08:00:03

32K+ Views

Page redirection is a situation where you clicked a URL to reach a page X but internally you were directed to another page Y. It happens due to page redirection. Website designers rely on redirection when there is a need to change the layout of a particular website or the location of a specific page. To redirect from an HTML page, we use the META Tag. Along with this, we also use the http-equiv attribute to provide an HTTP header for the value of the content attribute. The value in the content is the number of seconds; you want ... Read More

Why do we use DOCTYPES in HTML document?

Yaswanth Varma
Updated on 02-Sep-2022 10:55:02

2K+ Views

A DOCTYPE is nothing more than a document type declaration, which is a list of guidelines that must be attached to a certain html, xml, or sgxml online document. Because it is required for the HTML version, if the user application experiences any problems at that time, it can be quickly determined that the problem is due to incompatibility between the HTML version and the user's browser. Formats Of Doctype They are three types Normal Deprecated Legacy Tool Compatible Why Do We Use DOCTYPE? The DOCTYPE is declared before the head section in a HTML document. This ... Read More

How to automatically redirect your visitors to your new home page?

Arjun Thakur
Updated on 25-Feb-2020 06:49:25

2K+ Views

Page redirection is a situation where you clicked a URL to reach a page X but internally you were directed to another page Y. It happens due to page redirection.To redirect from an HTML page, use the META Tag. With this, use the http-equiv attribute to provide an HTTP header for the value of the content attribute. The value in the content is the number of seconds; you want the page to redirect after.Through this, you can automatically redirect your visitors to a new homepage. Set the content attribute to 0, if you want it to load immediately.The following is ... Read More

How to add a YouTube Video to your Website?

Fendadis John
Updated on 16-Jun-2020 08:20:41

852 Views

To add a YouTube Video to your website, you need to embed it. To embed a video in an HTML page, use the element. The source attribute included the video URL. For the dimensions of the video player, set the width and height of the video appropriately.The Video URL is the video embed link. The video we will be embedding our example will be YouTube.To get the embed link, go to a YouTube Video and click embed as shown below. You will get a link fro embed here −You can try to run the following code to learn how ... Read More

How Server-Sent Events Works in HTML5?

Jai Janardhan
Updated on 25-Feb-2020 06:55:09

437 Views

Server-sent events standardize how we stream data from the server to the client. To use Server-Sent Events in a web application, you would need to add an element to the document.The src attribute of element should point to an URL which should provide a persistent HTTP connection that sends a data stream containing the events.The URL would point to a PHP, PERL or any Python script which would take care of sending event data consistently. Following is a simple example of web application which would expect server time.You can try to run the following code to learn how ... Read More

How to use SVG images in HTML5?

Paul Richard
Updated on 18-May-2020 08:29:55

5K+ Views

To use SVG images in HTML5, use element or . To add SVG files, you can use , or element in HTML. Choose any one of them according to your requirement.Here’s how you can add SVG images. If the SVG is saved as a file, it can be directly used as an SVG image:ExampleYou can try to run the following code to use SVG ImagesLive Demo                    #svgelem {             position: relative;             left: 50%;             -webkit-transform: translateX(-20%);             -ms-transform: translateX(-20%);             transform: translateX(-20%);          }             HTML5 SVG Image               HTML5 SVG Image          

Advertisements