Posts

Showing posts from November, 2018

Audio tag in html

-
The <audio> tag defines sound, such as music or other audio streams. Currently, there are 3 supported file formats for the <audio> element: MP3, WAV, and OGG. <!DOCTYPE html> <html> <body> <audio controls>   <source src="horse.ogg" type="audio/ogg">   <source src="horse.mp3" type="audio/mpeg">   Your browser does not support the audio element. </audio> <p><strong>Note:</strong> The audio tag is not supported in Internet Explorer 8 and earlier versions.</p> </body> </html>
Post a Comment
Read more

buttons in html

-
The <button> tag defines a clickable button. Inside a <button> element you can put content, like text or images. This is the difference between this element and buttons created with the <input> element. Always specify the type attribute for a <button> element. Different browsers use different default types for the <button> element. <!DOCTYPE html> <html> <body> <h2>The Button Element</h2> <button type="button" onclick="alert('Hello world!')">Click Me!</button> </body> </html> Output: The Button Element Click Me!
Post a Comment
Read more

data list tag in html

-
The <datalist> tag specifies a list of pre-defined options for an <input> element. The <datalist> tag is used to provide an "autocomplete" feature on <input> elements. Users will see a drop-down list of pre-defined options as they input data. Use the <input> element's list attribute to bind it together with a <datalist> element. <!DOCTYPE html> <html> <body> <form action="/action_page.php" method="get">   <input list="browsers" name="browser">   <datalist id="browsers">     <option value="Internet Explorer">     <option value="Firefox">     <option value="Chrome">     <option value="Opera">     <option value="Safari">   </datalist>   <input type="submit"> </form> </body> </html> Output...
Post a Comment
Read more

Progress bar in html

-
The <progress> tag represents the progress of a task. <!DOCTYPE html> <html> <body> Downloading progress: <progress value="22" max="100"> </progress> </body> </html> Output: Downloading progress:  Note:  The progress tag is not supported in Internet Explorer 9 and earlier versions.
Post a Comment
Read more

dropdown menu or select tag or use of option tag

-
The <select> element is used to create a drop-down list. The <option> tags inside the <select> element define the available options in the list. <!DOCTYPE html> <html> <body> <select>   <option value="volvo">Volvo</option>   <option value="saab">Saab</option>   <option value="opel">Opel</option>   <option value="audi">Audi</option> </select>    </body> </html>
Post a Comment
Read more

source tag in html

-
The <source> tag is used to specify multiple media resources for media elements, such as <video>, <audio>, and <picture>. The <source> tag allows you to specify alternative video/audio/image files which the browser may choose from, based on its media type, codec support or media query. <!DOCTYPE html> <html> <body> <audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> <p><strong>Note:</strong> The source tag is not supported in Internet  Explorer 8 and earlier versions.</p> </body> </html>
Post a Comment
Read more

textarea tag in html

-
The <textarea> tag defines a multi-line text input control. A text area can hold an unlimited number of characters, and the text renders in a fixed-width font (usually Courier). The size of a text area can be specified by the cols and rows attributes, or even better; through CSS' height and width properties. <!DOCTYPE html> <html> <body> <textarea rows="4" cols="50"> At technisia you will learn how to make a website. We offer free tutorials in all web development technologies. </textarea> </body> </html>
Post a Comment
Read more

video tag in html

-
The <video> tag specifies video, such as a movie clip or other video streams. <!DOCTYPE html> <html> <body> <video width="320" height="240" controls>   <source src="movie.mp4" type="video/mp4">   <source src="movie.ogg" type="video/ogg">   Your browser does not support the video tag. </video> </body> </html>
Post a Comment
Read more

Track tag in html

-
The <track> tag specifies text tracks for media elements (<audio> and <video>). This element is used to specify subtitles, caption files or other files containing text, that should be visible when the media is playing. < video  width ="320"  height ="240"  controls >    < source  src ="forrest_gump.mp4"  type ="video/mp4" >    < source  src ="forrest_gump.ogg"  type ="video/ogg" >    < track  src ="subtitles_en.vtt"  kind ="subtitles"  srclang ="en"  label ="English" >    < track  src ="subtitles_no.vtt"  kind ="subtitles"  srclang ="no"  label ="Norwegian" > < /video >
Post a Comment
Read more

meter tag in html

-
The <meter> tag defines a scalar measurement within a known range, or a fractional value. This is also known as a gauge. Examples: Disk usage, the relevance of a query result, etc.  The <meter> tag should not be used to indicate progress (as in a progress bar). For progress bars, use the <progress> tag. <!DOCTYPE html> <html> <body> <p>Display a progress:</p> <meter value="25" min="0" max="50">2 out of 10</meter><br> <meter value="0.6">60%</meter> </body> </html> Output: Display a progress:
Post a Comment
Read more