The <article> element is used for an article, which is known to be an independently distributable document, like an article in a magazine. There are some element attributes of an <article> Element:- Accesskey Class Contenteditable Contextmenu Dir Draggable Hidden Id Lang Spellcheck Style Tabindex Title
The <aside> element represents an aside to the text, such as a sidebar. Basically <aside> Tag is used in sidebar of a page, whenever user clicks on the index, it redirects the user on the related content. There are some attributes of <aside> element:- Accesskey Class Contenteditable Contextmenu Dir Draggable Hidden Id Lang Spellcheck Style Tabindex title
The <audio>Element is used for playing the audio (sound) file in the browser with full user control support. The <audio> Element contains an extra child element called SOURCE, which is used to call the exact media file which has been played in the browser. There are three different formats for the <audio>element MP3 Wav Ogg There are some attributes of <audio> element:- Autoplay Controls …
The <canvas> tag is used to draw graphics by using the JavaScript. The <canvas> tag is only a container for graphics. Basically this tag is used for graphical representation with the help of javascript. There are some attributes of <canvas> element:- height width You will learn more about it in further chapters.
The <command> element is basically used to show the command functions like to save a file, open a file or anything else. It can be used for radio buttons, checkboxes and command button to invoke the particular function. The <command> Element can be used inside the MENU Element or outside anywhere in the BODY. There are some attributes of <command> element:- accesskey checked class …
The <datalist> element specifies a list of pre-defined options for an <input> element. The <datalist> element is used to provide an “autocomplete” feature on <input> elements. So that users will see a drop-down list of pre-defined options as they input data. The <input> elements list attribute is used to bind it with a <datalist> element. …
The <details> tag specifies additional details that a user can view or hide on demand. It is also used to create an interactive device that a user can open and close. There are some attributes of <details> element:- Accesskey Class Contenteditable Contextmenu Dir Draggable Hidden Id Lang Open Spellcheck Style Tabindex title A user will store the actual details …
The <embed> tag defines a container for an external application or interactive content (a plug-in). There are some attributes of <embed> element:- Height Src Type Width The src attribute gives the URL of the resource <embed> tag defines a container for an external application or interactive content (a plug-in). There are some attributes of <embed> element:- Height Src Type Width The src attribute gives the URL of the resource you want …
The <figcaption> element defines the figure caption for a <figure> element. There are some attributes of <figcaption> element:- Accesskey Class Contenteditable Contextmenu Dir Draggable Hidden Id Lang Spellcheck Style Tabindex Title The <figcaption> element can be placed as the first or last child of the <figure> element. Here we will illustrate an example putting the <figcaption> element in the script: In this example we will use the …
The <figure> Element is used to call an image file inside the fixed container. There are some attributes of <figure> element:- Accesskey Class Contenteditable Contextmenu Dir Draggable Hidden Id Lang Spellcheck Style Tabindex title Here we will illustrate an example putting the <figure> element in the script: Code Output
The <footer> Element is used define the Footer area of the page. The <footer> element contains information about its containing element. A <footer> element contain the following information. Authorship information copyright information Contact information Sitemap back to top links Related documents A user can define several <footer> elements in one document. There are some attributes of <footer> element:- Accesskey Class Contenteditable Contextmenu Dir Draggable Hidden …
The <header> element is used for defining the header for a particular document or section. The <header> element is a container for the introductory content or a set of navigational links. A <header> element contains: one or more heading elements (<h1> – <h6>) logo or icon authorship information A user can define several <header> elements in one document. There are some attributes of <header> element:- …
The <keygen> tag represents key-pair generator controls for private and public keys used for forms. When the form is submitted, the private key is stored locally, and the public key is sent to the server. There are some attributes of <keygen> element:- Autofocus Challenge Disabled Form Keytype name Here we will illustrate an example putting the <keygen> element in the script: …
The <mark> Element is basically used to highlight the text with another background color, which attracts the reader and focus the particular text for the reference using. There are some attributes of <mark> element:- accesskey class contenteditable contextmenu dir draggable hidden id Lang Spellcheck Style Tabindex title Here we will illustrate an example putting the <mark> element in the script: Code …
The <meter> Element is basically used for scalar measurement for known range or known a fractional value. There are six attributes allowed in <meter> Element:- Value Min Max High Low Optimum Form Here we will illustrate an example putting the <meter> element in the script: Code Output
The <nav> Element is basically used to define a set of navigational links. It can be defined as a section of page or part of a page which links to another page or parts within the page. The <nav> element is also common for footer section for linking to another page and for sidebar menu. There are some attributes of <nav> element:- …
The <output> element is a control that displays the result of a calculation. There are some attributes of <output> element:- For Form Name Here we will illustrate an example putting the <output> element in the script: Code Output
The <progress> Element is used to show the completion or progress of a specific task. We often see that on the website while downloading some text or video and even on uploading some contents on Internet, a progress bar comes before us and displays its current progress or completion of the specific task. There are some attributes …
The <rp> element is part of the <ruby> element, which displays annotations for text. The <rp> element encloses its text in parentheses inside the ruby text.
The <ruby> Element is used to properly rendering the East Asian’s languages. The <ruby> Element is basically used to give a pronunciation help in a phonetic script for Chinese, Japanese and Korean languages. There are mainly three attributes can be called with RUBY Element. rt (ruby text) rp (ruby parenthesis) and rb (ruby base).