html怎么调用api接口

HTML本身并不直接支持调用API接口，它主要是用于创建网页结构和内容展示。但是，你可以结合JavaScript或者其他服务器端语言（如PHP、Python等）来通过HTML页面动态请求API。

通常的做法是：

1. 使用XMLHttpRequest (XHR) 或 Fetch API: JavaScript中的这两个内置对象允许你在浏览器环境中发送HTTP请求到API。例如，使用fetch:

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => {
    // 处理返回的数据
  });

2. AJAX: 这是一种在无需刷新整个页面的情况下从服务器获取数据的技术。jQuery库提供了一套简化的方法，比如`$.ajax()`。

3. JSONP（JSON with Padding）: 当服务器不支持CORS（跨源资源共享）时，可以使用JSONP，它是通过动态插入 `<script>` 标签间接调用异步API。

4. RESTful API 和 SDKs: 如果API设计成RESTful风格，并提供了相应的客户端SDK，可以直接按照文档说明使用SDK来进行调用。

记住，每次调用API时都需要考虑安全性和权限管理，比如设置合适的请求头、处理错误及保护用户隐私。同时，也要遵守API提供商的服务条款和速率限制。