LIST STYLES
===========
ORDERED LIST:
AND -
LIST ITEMS ==> 1 2 3...
UNORDERED LIST :
AND -
LIST ITEMS ==> DISC
DEFINITION LIST:
, - AND
-
TERM1:
DESCRIPTION
TERM2:
DESCRIPTION
NESTED LIST
list-style-type:
=================
==> for
and tag
Syntax:
list-style-type: disc | square | circle |
decimal | decimal-leading-zero | lower-alpha | upper-alpha |
lower-roman | upper-roman | none
Note:
====
HTML has two types of attributes:
1) Valued attributes
Syntax:
attribute-name = "value"
ex: start = "100"
style = "color:red;"
2) Self-valued attributes
Syntax:
attribute-name = "attribute-name"
or
attribute-name
ex: reversed = "reversed"
start attribute:
================
==> for ordered list,
to specify the starting point value "start" attribute can be used.
Syntax:
here:
value = "decimal"
can be applicable for both decimal numbering and other numbering etc.
reversed attribute:
===================
==> self-valued attribute
==> to number the ordered list in decreasing order, "reversed" attribute can be used.
Syntax:
Ordered List
Java Fullstack Development
- Core Java
- Frontend Technologies
- Database
- Advanced Java
- Springboot Microservices
- Angular/React JavaScript
- Real-Time Project Oriented Training
- Cloud Technologies
==============================================
Ordered List
Java Fullstack Development
- Core Java
- Frontend Technologies
- Database
- Advanced Java
- Springboot Microservices
- Angular/React JavaScript
- Real-Time Project Oriented Training
- Cloud Technologies
==========================================
Representing the list items with symbols:
=========================================
list-style-image:
=================
==> applicable for tag.
Syntax:
list-style-image : url("image path");
Ordered List
Java Fullstack Development
- Core Java
- Frontend Technologies
- Database
- Advanced Java
- Springboot Microservices
- Angular/React JavaScript
- Real-Time Project Oriented Training
- Cloud Technologies
=================================================
Link Styles:
============
==> 4-different link states:
1) Unvisited Link ==> link state ==> a : link
2) Visited link ==> a : visited
3) Active link ==> a : active
4) Hover Link ==> a : hover
Link Styles