Skip to main content

Posts

Showing posts with the label List

Bullets and Lists tips for HTML

Bullets and Lists These html tips and tricks will help you put bullets and lists on your blog.

Let's start with simple bullets.

For this html tip, look at this bullet:

This is next to a bullet
It was made with this simple HTML code:
<li>This is next to a bullet</li>
Insert the above code to your web page,
and then change the message to suit you needs.

...And now let's end with more advanced tips, concerning lists.


To make numbered bullets,
Like these
ones use this HTML code instead:
<ol><li>Like these</li>
<li>ones</li></ol>
Note that the <ol> is only put at the extremes of the list.



There are also some tips and tricks that will allow different types of bullets:
Lower Case Roman Numerals HTML Code:
<ol type="i"><li>Lower Case Roman Numerals</li></ol>

Upper Case Roman Numerals HTML Code:
<ol type="I"><li>Upper Case Roman Numerals</li></ol>

Lower Case Alpha…

All in One Ordered Lists Project Code

<html>
<body>
<title>Example of Ordered lists
</title>
<body>
<h1> Project of  Ordered  Lists</h1>
<p>Default Ordered list
<ol>
  <li>Book
  <li>Pen Paper
  <li>Khata
  <li>Pencil
</ol>
<p>Ordered lists Uppercase Alphanumeric
<ol type="A">
  <li>Book
  <li>Pen Paper
  <li>Khata
  <li>Pencil
</ol>
<p>Ordered lists Lowercase Alphanumeric
<ol type="a">
  <li>Book
  <li>Pen Paper
  <li>Khata
  <li>Pencil
</ol>
<p>Ordered Lowercase Roman Numbers lists
<ol type="i">
  <li>Book
  <li>Pen Paper
  <li>Khata
  <li>Pencil
</ol>
<p>Ordered Uppercase Roman Number lists
<ol type="I">
  <li>Book
  <li>Pen Paper
  <li>Khata
  <li>Pencil
</ol>
<p>Start with particular number
<ol start="50">
  <li>Book
  <li…

Create Easy all Unordered Lists Project

Unordered Lists Project -I <html>
<body>
<title>Example of list
</title>
<body>
<h1> Project of  Unordered  Lists</h1>
<p>Unordered list
<ul>
  <li>Book</li>
  <li>Pen Paper</li>
  <li>Khata</li>
  <li>Pencil</li>
</ul>
<p>Unordered list SQUARE
<ul type="square">
  <li>Book</li>
  <li>Pen Paper</li>
  <li>Khata</li>
  <li>Pencil</li>
</ul>
<p>Unordered list CIRCLE
<ul type="circle">
  <li>Book</li>
  <li>Pen Paper</li>
  <li>Khata</li>
  <li>Pencil</li>
</ul>
<p>Unordered list DISC
<ul type="disc">
  <li>Book</li>
  <li>Pen Paper</li>
  <li>Khata</li>
  <li>Pencil</li>
</ul>
</body>
</html>
Output