Practice website:
=================
wehttps://wouldbewanderer.com/blog/
================================================
List in HTML and with CSS:
=========================
Ex:
web-development
===============
1. HTML
2. CSS
3. JavaScript
4. Frameworks
==> Three types of Lists:
1) Unordered List
2) Ordered List
3) Description List/Definition List
Nested List
List with CSS
1) Unordered List
==================
Travel web page:
popular destinations:
delhi vizag
Hyderabad Delhi
Vizag Hyderabad
tag:
==========
==> pair tag
Syntax:
type attribute ==> we can able to change the bullet type.
but, in HTML-5, type attribute is not available to use.
Home Page
My Tour Website
Popular Destination Places
- Goa
- Aagra
- Ooty
- Hyderabad
- Simla
- Vizag
========================================
2) Ordered List
===============
==> tag
Syntax:
- element-1
- element-2
Attributes for tag:
========================
1) start ==> used to specify the start point/start value for ordered list
Syntax:
2) reversed
===========
self-valued attribute
Syntax:
reversed = "reversed"
==> to define the order in the reverse, we can use "reversed" attribute.
Home Page
My Tour Website
Popular Destination Places
- Goa
- Aagra
- Ooty
- Hyderabad
- Simla
- Vizag
=========================================
list-style-type:
===============
==> css property
Unordered list:
bullet ==> circular disc |square
ordered-list:
alphabets |lower |upper |lower-roman |upper-romans
Syntax:
=======
list-style-type : disc | square | circle | decimal | decimal to zero | lower-alpha | upper-alpha | lower-roman | upper-roman | none;
Home Page
My Tour Website
Popular Destination Places
- Goa
- Aagra
- Ooty
- Hyderabad
- Simla
- Vizag
========================================
list-style-image:
=================
==> we can use to define the different symbols as bullets for only.
Syntax:
list-style-image : url("image location along with image name");
Home Page
My Tour Website
Popular Destination Places
- Goa
- Aagra
- Ooty
- Hyderabad
- Simla
- Vizag
=====================================
Nested List:
===========
UI Development
=============
1) HTML
2) CSS
3) JavaScript
Frame works
React
Angular
Node etc.
Nested List
Web Development
- HTML
- CSS
- JavaScript
- Frameworks
================================
Description List:
=================
HTML:
Hyper Text Markup Language
Tag Based Language
CSS:
Cascading Style Sheets
Property Based Language
- Term:
- Description
- Description
Description List
Web Technologies
- HTML:
- Hyper Text Markup Language
- Tag based Language
- CSS:
-
Cascading Style Sheets
Property Based Language