HTML and image elements of the form

HTML image tag

img: define the image
map: define the image map
area: the definition of the image map clickable areas

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

table: Table definitions
th: Defines a table header
tr: Defines a table row
td: defining cell
caption: define the table heading
colgroup: group definition table column
attribute definition columns for the table: COL
thead: Defines a table header
tbody: Defines a table body
tfoot: Defines a table footer

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

`

Published 25 original articles · won praise 19 · views 679

Guess you like

Origin blog.csdn.net/devin_xin/article/details/104979870