Listen von Knoten

Mehrere Attribute

Auf der vorherigen Seite wurden der a Funktion zwei Listen übergeben. Diese enthielten jeweils nur ein Element. Bei Bildern reicht ein einzelnes Attribut oft nicht aus:

main =
    img
        [ src "https://kurzelinks.de/caesarbild"
        , width 100
        , alt "Caesar"
        ]
        []

Der DOM-Teilbaum lässt sich so darstellen:

<img src="https://kurzelinks.de/caesarbild" width="100" alt="Caesar">

Aufgabe 1

Mehrere Textknoten

Analog kannst du mehrere Textknoten in einer Liste erzeugen:

main =
div []
    [ text "HALLO"
    , text " "
    , text "KDOOR"
    ]

Der erzeuge DOM-Teilbaum hat folgende Gestalt:

<div>
    HALLO

    KDOOR
</div>

Aufgabe 2