How to define a list or menu of commands in HTML5 ?

How to define a list or menu of commands in HTML5 ?

Last Updated : 31 Mar, 2021

The <menu> tag is used to define a list or menu of commands in HTML5. It can contain more than one <li> or <menuitem> elements.

The <menu> tag is only supported by the latest Mozilla firefox web browsers. This tag also supports the event attributes in HTML5.

Syntax:

<menu> </menu>

Example: The following example demonstrates the <menu> tag with the <li> tag to define the type of list.

<!DOCTYPE html>
<html>
  <body>
    <h1><menu> tag Illustration:</h1>
    <menu>
      <li>Problems</li>
      <li>Courses</li>
      <li>Get Hired</li>
      <li>Notifications</li>
      <li>Profile</li>
    </menu>
  </body>
</html>

 
<!DOCTYPE html>
<html>  <body>    <h1><menu> tag Illustration:</h1>    <menu>      <li>Problems</li>      <li>Courses</li>      <li>Get Hired</li>      <li>Notifications</li>      <li>Profile</li>    </menu>  </body></html>

Output:

menu tag

Note: Use a Mozilla Firefox web browser for the output.

Example 2: The following example demonstrates using the <menu> tag with <menuitem> tag to display items.

The <menuitem> tag is not supported in the latest version of HTML i.e, HTML5. It is advised to use the previous version for the output.

Syntax:

<menu>
   <menuitem> </menuitem>
</menu>

<!DOCTYPE html>
<html>
  <body>
    <h1><menuitem> tag Illustration:</h1>
    <menu>
      <menuitem>Problems</menuitem>
      <menuitem>Courses</menuitem>
      <menuitem>Get Hired</menuitem>
      <menuitem>Notifications</menuitem>
      <menuitem>Profile</menuitem>
    </menu>
  </body>
</html>

 
<!DOCTYPE html>
<html>  <body>    <h1><menuitem> tag Illustration:</h1>    <menu>      <menuitem>Problems</menuitem>      <menuitem>Courses</menuitem>      <menuitem>Get Hired</menuitem>      <menuitem>Notifications</menuitem>      <menuitem>Profile</menuitem>    </menu>  </body></html>

Output:

menuitem

Note: Use a Mozilla Firefox web browser for the output.

How to define a list or menu of commands in HTML5 ?

ayushraghuwanshi80

Improve

Article Tags :

Similar Reads

How to define a list item in HTML5?

To define a list in HTML5 we can use the HTML <li> tag. But there are two types of listing in HTML. One is an ordered list and another one is an unordered list. For ordered we can use HTML <ol> tag and for the unordered list, we will use the HTML <ul> tag. Also, we can change the l

How to define a client-side script in HTML5 ?

To define a client-side script in HTML5, we can do <script> tag or adding external script file by src attribute to the HTML file. <script> tag contains the JavaScript to be added for the client-side scripting. Syntax: <script> // JavaScript goes here console.log('GeeksforGeeks');

How to define an option in a drop-down list in HTML5 ?

In this article, we will learn how to define an option in a drop-down list in HTML5. The <select> element is used to create a drop-down lists in HTML. This is generally used to present a list of options to the user in a form so that the user could choose one option as the needed one. The <o

How to define keyboard input in HTML5 ?

The phrase tag is used to define the keyboard input. The text enclosed by <kbd> tag is typically displayed in the browserâ€™s default monospace font. In this article, we define the keyboard input by using various types of tags like <kbd>, <code>, <em>, <var>, and <samp

How to define a drop-down list in HTML5 ?

In this article, we define a Drop-Down List By using the <select> Element in the Document. This tag is used to create a drop-down list. The <select> tag contains <option> tag to display the available option of drop-down list.Note: The tag is used in a form to receive user response.

How to specify a list of pre-defined options for input controls in HTML?

Specify a list of pre-defined options for input controls by using the HTML list Attribute. A pre-defined option for input controls using HTML5's <datalist> element, allowing users to select from a predefined list while typing in an input field. Syntax: <input list="datalist_id"/>Example

How to define a section in a document in HTML5 ?

In this article, we will discuss how to define a section in a document in html5. We can create a section in the document using the Section tag. HTML <section> Tag: Section tags divide content into section and subsection. The section tag is used when there is a requirement for two header, foote

How to define a piece of computer code in HTML?

The <code> element in HTML is used to display computer code, ensuring it is displayed with a fixed-width font for proper alignment and readability. Unlike basic heading tags, the <code> tag maintains the correct formatting of the code, including spaces and line breaks. HTML offers variou

How to specify the name for drop-down list in HTML5 ?

Drop-down lists are also another way to allow people to choose only one choice from a number of alternatives. Since the default option is usually the first item on the list, using the drop-down list can be a safe choice if you know that one option is always preferred over the others. The drop-down l

How to define the document's body in HTML5 ?

The document's body in HTML5 is defined by the <body> tag which is placed with in the <html> tags and just after the <head> tag.The body tag can include: headings tags : <h1>, <h2>, <h3> and so on.paragraph tag: <p>line break tag: <br>horizontal rule t