小白求问 HTML 如何使用 WEB API

略懂 HTML CSS JS 小基础，知道些原理；有个问题就是如何使用 WEB API ？ 例如 Steam web api： http://steamwebapi.azurewebsites.net/

有这些疑问：

1.这个文档里说：请求 url： https://api.steampowered.com/ISteamUser/GetPlayerSummaries/v2/?key={key}&steamids=76561197960361544，这个 key 是自己去申请的，那么这个 key 在网页中调用，不会被曝光吗？还是说即使被曝光，也没啥。

2.如何在 html 里调用这个链接里的数据？这个链接打开，里面很多信息，那么比如我要在一个网页中调用里面的“ steamid ”，和“ avatar ”这个图片，那么具体怎么做呢？我并不知道这个请求链接放在 html 哪里？或者怎么做。有谁能帮忙做个 demo ？