Computer in Science for Dummies
ʟᴀʏᴏᴜᴛ ʙʏ © ᴍ ᴏ ᴄ ʜ ᴀ
The layout was made specially for me.
All links open in a new tab.





 How to Add List in HTML?
       ANNYEONGHASEYOOO!!!



     In creating HTML, we tend to use listing in order to organize the content of our website. There are two types of listing in HTML which are unordered list and ordered list.

Example of ordered and unordered list :



Image result for inserting list in html

UNORDERED LIST

<ul style="list-style-type:disc">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li> </ul>


 ORDERED LIST
<ol type="1">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>


So basically these are the codes to add list in HTML. Referring to the previous picture, there are some attributes/style (words in color) you can use to make your list stylish and varies.

Below are attributes or style for unordered list:
discSets the list item marker to a bullet (default)
circleSets the list item marker to a circle
squareSets the list item marker to a square
noneThe list items will not be marked
Another here is list of attributes for ordered list:
type="1"The list items will be numbered with numbers (default)
type="A"The list items will be numbered with uppercase letters
type="a"The list items will be numbered with lowercase letters
type="I"The list items will be numbered with uppercase roman numbers
type="i"The list items will be numbered with lowercase roman numbers
Quite simple right? Just change the code in color to change the style of your list 🌸

Have a nice day and happy coding 💓💓💓
❤ "How to Add List in HTML?" was Posted On: Thursday, February 23, 2017 @8:29 AM | 0 lovely comments ✿

« Older posts | Newer posts»

Copyrighted © TeaCakeHouse. All rights reserved. Thank you.
View with Google Chrome in a 1280 x 800 SR. Inspired by Kaith, Images from ♥♥♥ Cursor from Images from ♥

ʟᴀʏᴏᴜᴛ ʙʏ © ᴍ ᴏ ᴄ ʜ ᴀ