How to Create a Clone Website (Fake Website) with HTML

The Ultimate Travel Companion: Top 5 Must-Have Apps For Your

March 28, 2025
Web Tutorials
Notification Show More
Latest News
code bloger facebook clone page coder

How to Create a Clone Website (Fake Website)

Mar 01, 2025
Top five app for travelling

The Ultimate Travel Companion: Top 5 Must-Have Apps

Jul 14, 2024

How to Create a...

The Ultimate Travel Companion:...

HTML Tutorial

Unordered Lists in HTML

An unordered list in HTML is suitable for classifying content and enhancing its readability as well as search engine optimization. Users of the HTML language have to use the tags ul and li correctly to ensure that contents are expressed in an order that is friendly to search engines. It is necessary to do so by providing a concise, more keyword-focused substance, and these lists are relevant to the other content. Clear heads before your lists are given insight to improve comprehension of your concepts both to search engines and users. If used in a proper way, unordered lists are an advantage for the search engine optimization as well as position level advancement.

1. Basic Unordered List

Here’s a simple example of an unordered list:

This code creates a list with bullet points by default.

				
					<ul>
      <li>Item one</li>
      <li>Item two</li>
      <li>Item three</li>
</ul>

2. Unordered List with Different Bullet Styles

You can change the style of the bullets using the type attribute. Here are some options:

Disc (default): <ul style="list-style-type: disc;">

Circle: <ul style="list-style-type: circle;">

Square: <ul style="list-style-type: square;">

Example:

				
					<ul style=”list-style-type: square;”>
     <li>Item one</li>
     <li>Item two</li>
     <li>Item three</li>
</ul>

This will display the list items with square bullets instead of the default round ones.

3. Nested Unordered Lists

You can create sub-lists within an unordered list by adding another <ul> inside an <li>

Example:

				
					<ul>
     <li>Item one
<ul>
      <li>Sub-item one</li>
       <li>Sub-item two</li>
</ul>
</li>
       <li>Item two</li>
       <li>Item three</li>
</ul>

Try It Yourself