Monday, 25 September 2017

INTERESTING TAGS IN HTML


FIGURE & CAPTIONS TAGS:

                                 HTML5 introduced an element to insert a figure with a caption
                                         
                  
<figure>
  <p><img src="eiffel.jpg"
    width="136" height="200"
    alt="Eiffel tower">
  <figcaption>Scale model of the
    Eiffel tower in
    Parc Mini-France</figcaption>
</figure>
 
 
OUTPUT:  
 
                    Eiffel tower 
           Scale model of the Eiffel tower in Parc Mini-France 

    VIDEO TAGS:
       
  • Only MP4, WebM, and Ogg video are supported by the HTML5 standard.
  •  Video tag is used upload the video in web page
                           <video width="400" controls>
                           <source src="mov_bbb.mp4" type="video/mp4">
                           <source src="mov_bbb.ogg" type="video/ogg">
                           </video>
     AUDIO TAGS:
            <video width="400" controls>
           <source src="mov_bbb.mp4" type="video/mp4">
           <source src="mov_bbb.ogg" type="video/ogg">
            </video>
 
 
        Tag            Description
    <article>            Defines an article in a document
   <aside>           Defines content aside from the page content
                                                 
<details> Defines additional details that the user can view or hide
<dialog> Defines a dialog box or window
<figcaption> Defines a caption for a <figure> element
<figure> Defines self-contained content
<footer> Defines a footer for a document or section
<header> Defines a header for a document or section
<main> Defines the main content of a document
<mark> Defines marked/highlighted text
<menuitem>  Defines a command/menu item that the user can invoke from a popup menu
<meter> Defines a scalar measurement within a known range (a gauge)
<nav> Defines navigation links
<progress> Represents the progress of a task
<rp> Defines what to show in browsers that do not support ruby annotations
<rt> Defines an explanation/pronunciation of characters (for East Asian typography)
<ruby> Defines a ruby annotation (for East Asian typography)
<section> Defines a section in a document
<summary> Defines a visible heading for a <details> element
<time> Defines a date/time
<wbr> Defines a possible line-break

No comments:

Post a Comment