The expression といった is used to list examples of a broader category, similar to "such as," "like," or "things like" in English. It is placed after one or more nouns that serve as representative examples, followed by the noun they exemplify or modify.
といった typically follows one or more example nouns (often connected by や or とか) and comes before a broader category noun.
The examples given are not exhaustive – といった implies there are other items in the category as well.
Both といった and など can express "such as," but といった sounds slightly more formal and literary. In casual speech, など or とか are more common.
This could also be expressed as さっかあサッカーややきゅう野球などのすぽうつスポーツ, with a very similar meaning.
When combined with negative expressions, といった can form patterns meaning "it's not the case that…" or "there is no such thing as…":