HTML元素之图像和表格

最新推荐文章于 2024-09-05 20:56:36 发布

万万君

最新推荐文章于 2024-09-05 20:56:36 发布

阅读量273

点赞数 1

分类专栏：笔记

本文链接：https://blog.csdn.net/devin_xin/article/details/104979870

版权

笔记专栏收录该内容

80 篇文章 0 订阅

订阅专栏

HTML 图像标签

img：定义图像
map：定义图像地图
area：定义图像地图中的可点击区域

<!DOCTYPE html>
<html>
<head><meta charset="utf-8">
<title>Demo</title>
</head>

<body><p>点击太阳或其他行星，注意变化：</p>
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap"> 
<area shape="rect" coords="0,0,82,126" target="_blank" alt="Sun" href="sun.gif">
<area shape="circle" coords="90,58,3" target="_blank" alt="Mercury" href="merglobe.gif">
<area shape="circle" coords="124,58,8" target="_blank" alt="Venus" href="venglobe.gif"
</map>

HTML 表格标签

table: 定义表格
th: 定义表格的表头
tr: 定义表格的行
td: 定义表格单元
caption: 定义表格标题
colgroup: 定义表格列的组
col: 定义用于表格列的属性
thead: 定义表格的页眉
tbody:定义表格的主体
tfoot: 定义表格的页脚

<!DOCTYPE html>
<html>
<head> <meta charset="utf-8"> <title>demo</title> 
</head>
<body>
<table border="1">
<tr>  
<td>   
<p>这是一个段落</p>   
<p>这是另一个段落</p>  
</td>  

<td>这个单元格包含一个表格:   
<table border="1">   
<tr>     <td>A</td>     <td>B</td>   </tr>   <tr>     <td>C</td>     <td>D</td>   </tr>   </table>  
</td>
</tr>
<tr>  
<td>这个单元格包含一个列表   
<ul>    
<li>apples</li>    
<li>bananas</li>    
<li>pineapples</li>   
</ul>  
</td>  
<td>HELLO</td>
</tr>
</table>
</body><