"if you encounter any errors in SAP, send me a screenshot at pramod@learntosap.com, and I will help you resolve the issue."

HTML Unordered Lists Tag –

HTML TUTORIALS-

HTML Unordered Lists Tag –

Introduction-

HTML Unordered Lists Tag -

-✅ HTML unordered lists are used to group a set of related items in no particular order.They are created using the <ul>(unordered list) tag, and each item inside the list is placed within an <li>(list item) tag:-

Trulli Trulli

-)✅Unordered List with type="circle"-👇 


<ul type="circle">
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

-)✅Unordered List with type="square"-👇 


<ul type="square">
  <li>Python</li>
  <li>Java</li>
  <li>C++</li>
</ul>

✅Nested Unordered List-👇

<!DOCTYPE html>
<html>
<head>
  <title>Nested Unordered List</title>
</head>
<body>

<h2>Grocery List</h2>
<ul>
  <li>Fruits
    <ul>
      <li>Apple</li>
      <li>Banana</li>
    </ul>
  </li>
  <li>Vegetables
    <ul>
      <li>Carrot</li>
      <li>Tomato</li>
    </ul>
  </li>
</ul>

</body>
</html>
Nested Unordered List

Grocery List

✅Unordered List with Custom Bullet Style (CSS) -👇


<!DOCTYPE html>
<html>
<head>
  <title>Styled List</title>
  <style>
    ul.custom-bullets {
      list-style-type: square;
      color: darkblue;
    }
  </style>
</head>
<body>

<h2>Tasks</h2>
<ul class="custom-bullets">
  <li>Complete assignment</li>
  <li>Read book</li>
  <li>Go for a walk</li>
</ul>

</body>
</html>
Styled List

Tasks

✅Removing Bullets and Styling with Icons (Advanced) -👇

<!DOCTYPE html>
<html>
<head>
  <title>Icon List</title>
  <style>
    ul.no-bullets {
      list-style-type: none;
      padding-left: 0;
    }
    ul.no-bullets li::before {
      content: "✔️ ";
      color: green;
    }
  </style>
</head>
<body>

<h2>Checklist</h2>
<ul class="no-bullets">
  <li>Install software</li>
  <li>Configure settings</li>
  <li>Test application</li>
</ul>

</body>
</html>
Icon List

Checklist

Live Code Preview

May Be Like Important Link-

-Specify a valid MRP Procedure

-Movement type 161 is not allowed

-Specify a valid MRP Procedure

-Cash Journal Entry (PETTY CASH)