Understanding code made easy

Post Top Ad

Your Ad Spot

Thursday, May 28, 2020

HTML Button & List (ordered & unordered) Tags


HTML Buttons:
Buttons are having the embedded destination paths that are used to traverse to another links, pages or any dedicated destinations. HTML buttons are defined with the <button> tag:
The HTML <button> tag is used for creating a button within HTML form. You can also use <input> tag to create similar buttons.

Syntax of button tag is given below:
<html>
   <head>
      <title>HTML Button Example</title>
   </head>
   <body>
      <form>
         <button type="button" name="button">Click Me</button>
      </form>
   </body>
</html>


HTML Lists:
HTML lists are defined with the <ul> (unordered list) or the <ol> (ordered list) tag, followed by <li> tags (list items):

Syntax:
Unordered lists:
<ul>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
</ul>

Output:

  •       Car
  •       Bike
  •       Cycle
The above example shows that there are multiple list items in the list items like the coffee, tea & milk. But as this list tags are wrapped inside a <ul> tag i.e an unordered list tag it denoted that the list will not have any number or alphabet notations. The unordered list is just listed with a simple bullet.

Ordered lists:
<ol type="1">
      <li>Car</li>
      <li>Bike</li>
      <li>Cycle</li>
</ol>

Output:
      1. Car
      2. Bike
      3. Cycle

The above example shows that there are multiple list items in the list items like the Car, Bike & Cycle. This list tags are wrapped inside a <ol> tag i.e an ordered list tag hence, it will have number or alphabet notations. The ordered list can have any type of notations as point like the numbers, alphabets, roman alphabets, roman numbers, etc.
Ordered list can have any type of list types.
Ex: numbers, alphabets, roman letters, etc.

Happy Learning !

No comments:

Post a Comment

Comments