HTML 样式
HTML 表格 

HTML 图像

在 HTML 中，图像是通过 <img> 标签来插入的。<img> 标签是一个自闭合标签，也就是说它不需要结束标签，只需要一个开始标签并包含必要的属性即可。以下是 <img> 标签的基本用法和一些常见的属性：

<img src="school.jpg" alt="校园图片">


标签属性：

属性名称属性描述
src指定图像的 URL。可以是相对路径（相对于当前 HTML 文件的位置），也可以是绝对路径（完整的 URL ）
alt属性提供替代文本，当图像无法显示时（如网络错误、文本浏览器或辅助技术如屏幕阅读器）会显示或读出这些文本。这对于提高网页的可访问性非常重要
width用于指定图像的高度（以像素为单位）。如同时设置了 width、height，图像可能会按照指定的尺寸显示，但可能会失去其原始比例。如果只设置其中一个属性，浏览器会尝试保持图像的原始比例
height用于指定图像的宽度（以像素为单位）。如同时设置了 width、height，图像可能会按照指定的尺寸显示，但可能会失去其原始比例。如果只设置其中一个属性，浏览器会尝试保持图像的原始比例
title提供额外的信息，当鼠标悬停在图像上时通常会显示为工具提示（tooltip）。但这与 alt 属性不同，title 属性主要用于提供额外的信息，而不是替代文本
border提供额外的信息，当鼠标悬停在图像上时通常会显示为工具提示（tooltip）。但这与 alt 属性不同，title 属性主要用于提供额外的信息，而不是替代文本



在实际的网页设计中，常常使用 CSS 来控制图像的样式和布局，而不是在 HTML 标签中直接设置。例如，你可以使用 CSS 来设置图像的宽度、高度、边框、边距等。


下面是一个使用 CSS 来设置图像样式的示例：

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="UTF-8">  
<title>图像示例</title>  
<style>  
  .image {  
    width: 400px;  
    height: auto;
    margin: 10px;
    border: 3px solid #fefefe;
  }  
</style>  
</head>  
<body>  
  <img src="school.jpg" alt="校园图片" class="image">  
</body>  
</html>