Webstroge
- 1. Video Element Another aspect shared by both the audio and the video elements is that each has controls, autoplay and loop attributes. In this example, the video will replay after it finishes playing: Video Element <video controls autoplay loop> <source src="video.mp4" type="video/mp4"> <source src="video.ogg" type="video/ogg"> Video is not supported by your browser </video> there are three supported video formats for the <video> element: MP4, WebM, and OGG.
- 2. Lab Safety Begins Before You Go to the Lab! • (Use this space to list two things you should do before going to the lab.)
- 3. Dressing for Lab Below include an image in each box (clip art, icon, or picture) of appropriate lab dress. Label each image using the text box provided. Enter label here Enter label here Enter label here Enter label here Enter label here Enter label here
- 4. HTML forms are used to collect information from users. They are defined using the form element. Forms are usually submitted HTML 5 forms has attribute place holder. This provides users with hint on information needed Forms <body> <form>….</form> <body> <form> <label for “email” >Your email address:</label> <input type “text” name=“email ”placeholder=“[email protected] m”/> </form>
- 5. Geo-location API get the users current location in HTML 5. The user approves of this first. It more accurate for devices with GPS like smartphone. The Geolocation API main method is getCurrentPosition, which retrieves the current geographical position of user’s device. navigator:Geolocation.getcurrentPosition();
- 6. HTML 5 Web Storage With HML 5 web storage, websites can store data on a user local computer, before this JavaScript cookies was used to achieve this functionality. Merits of web storage are More secure Faster Stores large amounts of data There are two types of web storage objects: -Session storage() -Local storage() Session vs. Local -local storage store data with no expiration date while session data is destroyed when the browser is closed Storing a value local Storage.setItem(“key1”));
- 7. Images The <img> is used to insert images. It does not have a closing tag. <img src=“image.jpg”/> You need to put the image location for the src(source)attribute between the quotation marks. E.g. if you have an image named “cat.jpg” in the same folder as your HTML file, your code should look as follows: <html> <head> <title>first page</title> </head> <body> <img src=“cat.jpg”/> </body>
- 8. Progress bar Provides the ability t create progress bars on the web. Progress element Attributes Value-specifies the task completed Max-specifies max value e.g Status:<progress min=“0” Max=“100”value=“35”> </progress> The result of this is a progressive bar on scale rate of 0-100 this resembles the bar displayed when downloads are made