HTML – Lists

HTML has three types of lists. <ol> shows a ordinate list while <ul> a unsorted one, and for making a definition list is used <dl>. Use the attributes type and start for making a list depending on your requests.

• <ul> – unsorted list, bullets
• <ol> – ordered list, numbers
• <dl> – definition list.

HTML – The ordered list

Use <ol> tag for starting a ordered list. And put <li></li> (list item) in between.

HTML Code:

<h4>Objectives</h4>

<ol>
	<li>To find a job</li>
	<li>To take a lots of money </li>
	<li>To move in an other city</li>
</ol>

Demo

You can start your list with any number you want, just specifying it with the help of the start attribute.

HTML<h4>Objective</h4>

<ol start="4" >
	<li>To find a job </li>
	<li>To take a lots of money </li>
	<li>To move in an other city</li>
</ol>

Demo

This element is not doing anything out of common but is pretty useful sometimes.

HTML – Other types of ordered lists

Excluding the upper example there are other 4 types of ordered lists. Instead of the normal enumeration, you can use roman numbers or as well letters but in both cases, it can be used only small letters or capital letters. Use the type attribute if you want to modify the type of the numbering

HTML Code:
<ol type="a">
<ol type="A">
<ol type="i">
<ol type="I">

Depending on the case, this lists may look like this

Unsorted list

You can create an unsorted list with the help of the <ul> tag. The unsorted lists are of three types: squares, bullets, and circles. The standard value gave by the majority of the browsers are bullets.

HTML Code:

<h4>Shopping list </h4>

<ul>
	<li>milk</li>
	<li>cheese</li>
	<li>eggs</li>
	<li>sugar</li>
</ul>

Demo

You can see in the next example how all types of unsorted lists looks like.

HTML Code:

<ul type="square">
<ul type="disc">
<ul type="circle">

HTML – The definition list

As well you can make definition lists using the <dl>; tag. This list will give the word above, the definition. It is indicated to bold the word so that it will be more evident.

HTML Code:

<dl>
	<dt>Queso</dt>
	<dd>Spanish word for cheese.</dd>
	
	<dt>Ordenador</dt>
	<dd>Spanish word for Personal Computer</dd>
</dt>

Demo

Python Example for Beginners

Data Science Resources: Data Science Recipes and Applied Machine Learning Recipes

Introduction to Applied Machine Learning & Data Science for Beginners, Business Analysts, Students, Researchers and Freelancers with Python & R Codes @ Western Australian Center for Applied Machine Learning & Data Science (WACAMLDS) !!!

Latest end-to-end Learn by Coding Recipes in Project-Based Learning:

Applied Statistics with R for Beginners and Business Professionals

Data Science and Machine Learning Projects in Python: Tabular Data Analytics

Data Science and Machine Learning Projects in R: Tabular Data Analytics

Python Machine Learning & Data Science Recipes: Learn by Coding

R Machine Learning & Data Science Recipes: Learn by Coding

Comparing Different Machine Learning Algorithms in Python for Classification (FREE)

Disclaimer: The information and code presented within this recipe/tutorial is only for educational and coaching purposes for beginners and developers. Anyone can practice and apply the recipe/tutorial presented here, but the reader is taking full responsibility for his/her actions. The author (content curator) of this recipe (code / program) has made every effort to ensure the accuracy of the information was correct at time of publication. The author (content curator) does not assume and hereby disclaims any liability to any party for any loss, damage, or disruption caused by errors or omissions, whether such errors or omissions result from accident, negligence, or any other cause. The information presented here could also be found in public knowledge domains.  

Google –> SETScholars