HTML元素之图像和表格

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><

`

发布了25 篇原创文章 · 获赞 19 · 访问量 679

猜你喜欢

转载自blog.csdn.net/devin_xin/article/details/104979870