标签： AI

HTML代码常用功能模板：

AI指令：请识别图片内容，并转化为html文件输出，且电脑和手机端响应式，尽量保留原有内容排版不变，css样式仅使用在本模块

Please identify the content of the picture and convert it into an HTML file for output, which is responsive on both desktop and mobile devices. Try to retain the original content layout and make good use of the page width. The CSS styles are only used in this module.

1、放置超链接

下划线：

 <a href="https://www.example.com" target="_blank">目标文字</a>

高亮：

 <a href="https://example.com" style="color:red">目标文字</a>

2、嵌入图片

 <img src="https://your-bucket.oss-cn-hangzhou.aliyuncs.com/west-lake.jpg" 
         alt="图片描述" 
         style="max-width: 100%; height: auto;" />

3、嵌入音频

<audio controls>
  <source src="https://your-bucket.oss-cn-hangzhou.aliyuncs.com/your-audio-file.mp3" type="audio/mpeg">
</audio>

4、嵌入视频

<video controls width="640" height="360">
  <source src="https://your-bucket.oss-cn-hangzhou.aliyuncs.com/your-video-file.mp4" type="video/mp4">
</video>

5、嵌入图片加视频链接

<a href="https://youtu.be/gKSW-lY907Q" target="_blank"><img src="https://aibochinese.oss-cn-beijing.aliyuncs.com/youtube%E6%92%AD%E6%94%BE%E6%8C%89%E9%92%AE" 
   alt="YouTube 播放图标" 
   style="max-width: 100%; height: auto;" /></a>