How-to-create- unordered list in HTML

An unordered list in HTML

<title>Unordered list</title>

Software Engineer Interview Topic

List of discussion areas

Data Structures & Algorithm
Web Technology
Apptitude & Logical Reasoning
Programming Languages

<h2> HTML5: How to define an unordered list? </h2>

<ul>
	<li>Disc</li>
	<li>Circle</li>
	<li>Square</li>
	<li>Arrow</li>
	<li>Pointer</li>
</ul>

The HTML unordered list has various list item markers: <title>HTML ul tag</title>

Unordered List with Disc Bullets

<ul style="list-style-type:disc;">

	<li>Disc</li>
	<li>Circle</li>
	<li>Square</li>
	<li>Arrow</li>
	<li>Pointer</li>
</ul>

<h2>Unordered List with Circle Bullets</h2>


<ul style="list-style-type: circle">
	<li>Disc</li>
	<li>Circle</li>
	<li>Square</li>
	<li>Arrow</li>
	<li>Pointer</li>
</ul>

<h2>Unordered List with Square Bullets</h2>

<ul style="list-style-type: square">
	<li>Disc</li>
	<li>Circle</li>
	<li>Square</li>
	<li>Arrow</li>
	<li>Pointer</li>
</ul>

<h2>Unordered List with No Bullets</h2>

<ul style="list-style-type: none">
	<li>Disc</li>
	<li>Circle</li>
	<li>Square</li>
	<li>Arrow</li>
	<li>Pointer</li>
</ul>

<h2>Nested Unordered List</h2>
<p>Interview content List:</p>

<ul>
	<li>DSA</li>
	<ul>
		<li>Array</li>
		<li>Linked List</li>
		<li>stack</li>
		<li>Queue</li>
	</ul>
	<li>Web Technologies</li>
	<ul>
		<li>HTML</li>
		<li>CSS</li>
		<li>JavaScript</li>
	</ul>
	<li>Apptitude</li>
	<li>Technical</li>
	<li>Behavioural</li>
</ul>

unordered list - space

<h2 style="text-align:center">
	How to create space between
	list bullets and text in HTML?
</h2>

<!-- padding-left property used here -->
<p><b>list of fruits</b></p>

<ul>
	<li>Java</li>
	<li>C++</li>
	<li>Golang</li>
	<li>Python</li>
	<li>C#</li>
</ul>

How to create a ordered list in HTML

Ordered List with Roman Numbers

HTML
CSS
JAVA
SASS

Ordered List with LowerCase Roman Numbers

<ol type="i">
	<li>HTML</li>
	<li>CSS</li>
	<li>JAVA</li>
	<li>SASS</li>
</ol>

Ordered List with Numbers

HTML
CSS
Java
SASS

Ordered List with Letters

HTML
CSS
Java
SASS

Ordered List with Lowercase Letters

HTML
CSS
Java
SASS

Ordered List with Uppercase Roman Numbers

HTML
CSS
Java
SASS

Ordered List with Lowercase Roman Numbers

HTML
CSS
Java
SASS

Nested Ordered List

HTML
CSS
1. CSS3
2. CSS4
JavaScript

A Description List

CSS: - Inline CSS
HTML: - XHTML

<title> HTML Input list Attribute </title>

<h1 style="color:green">
HTML Input list Attribute

<form action="">
	<label>Your Cars Name: </label>
	<input list="cars">
	<datalist id="cars">
		<option value="Java" />
		<option value="C++" />
		<option value="Golang" />
		<option value="Android" />
		<option value="iOS" />
	</datalist>
</form>

<title>reversed attribute</title> <style> h1, h2 { text-align:center; } </style>

HTML List

HTML reversed attribute

	<ol reversed>
		<li>Data Structures</li>
		<li>Operating System</li>
		<li>python programming</li>
		<li>DBMS</LI>
		<li>Computer Network</li>
	</ol>
</body>

Rank in Descending order

Coding
DevOps
Database
Data Science
front End
Back End
Mobile
Testing
FullTStack
Code Review

Rank in Descending order

Sourcer
Recruiter
Advisor
Talent Analyst
Talent Partner
Generalist
FullStack
Backend HR
Diversity
Leadership

nammoooo/How-to-create-list-in-HTML

ErrorLooks like something went wrong!

About

Topics

Resources

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Error
Looks like something went wrong!

Packages