html中css img js

在HTML中，`<img>`标签用于插入图片内容。它是一个自闭合标签，基本语法如下：

<img src="图片URL" alt="替代文本">

- `src` 属性指定了图片的源URL地址。
- `alt` 属性提供了一段描述性的文本，当图片无法显示时（例如网络问题或视觉障碍用户的屏幕阅读器），会显示这个文本。

CSS (层叠样式表) 是一种用于描述 HTML 或 XML 文档样式的语言，通过 CSS，你可以控制元素的位置、大小、颜色、布局等外观属性。比如设置图片的宽度、高度、边距、浮动等：

img {
  width: 200px;
  height: auto;
  margin: 10px;
}

JavaScript (JS) 则是一种常用的客户端脚本语言，它可以改变网页的行为和交互。你可以使用 JavaScript 来动态加载图片、响应用户事件（如点击、鼠标移动）、操作DOM（文档对象模型）以及实现更复杂的前端功能：

document.getElementById('myImage').addEventListener('click', function() {
  this.src = 'new-image.jpg';
});

这里，`getElementById` 获取到图片元素，然后给其添加了一个点击事件监听器，在点击时切换图片。