Nested Lists in HTML 5: The Counties of Ireland

Provinces of Ireland Nested Unordered List Example

    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

Popular posts from this blog

The Quantity of Syllables in Ancient Greek

The Naming of Sets in Set Theory: