Nested Lists in HTML 5: The Counties of Ireland
Figure 1: A Flag of Ireland that I scripted in SVG. This is the flag-of-Ireland image exported as a PNG file.
Figure 2: Above is the flag-of-ireland vector image that generated the PNG image in Figure 1.
Examples of Nested Lists:
The Provinces of Ireland:
Unordered List:
In this blogpost, we shall use the counties of Ireland as the cause of our making a nested list.
The Provinces of Ireland are listed as:
list items
within the main list.[1].
The counties are listed as sublists contained within the:
list items
of the main list.
The Provinces of Ireland are:
-
Ulster
- County Antrim
- County Armagh
- County Cavan
- County Derry
- County Donegal
- County Down
- County Fermanagh
- County Monaghan
- County Tyrone
-
Leinster
- County Carlow
- County Dublin
- County Kildare
- County Laois
- County Longford
- County Louth
- County Meath
- County Offaly
- County Westmeath
- County Wexford
- County Wicklow
-
Munster
- County Clare
- County Cork
- County Kerry
- County Limerick
- County Tipperary
- County Waterford
-
Connaught
- County Galway
- County Leitrim
- County Mayo
- County Roscommon
- County Sligo
Snippet 1: Above is the code that generated the nested list that lists the provinces and the counties of Ireland.
You can view the code for the Irish Tricolor that I scripted at my Codepen account.
[1]. The main list is a list that contains, as elements, the names of the four Irish provinces, as well as sub-lists that contain, as elements, the names of the Counties of Ireland. The main list is a super-list in relation to the sub-lists that name the counties of Ireland.
Comments
Post a Comment