基础HTML练习

<font face ="华文彩云" size ="7" color="red">刘德华</font>
<!--&lt;小于号  &gt; 大于号 &nbsp;空格 &#32464为汉字编码  -->
这是一个HTML语言的&lt;p&gt;标 &nbsp；&nbsp签&amp;&copy;&trade;&quot;&ETH;&quot;&#32464;<br>
<!--title是类似于当移动到图片，出现备注性文字的效果
alt则是当图片加载不出来的时候，显示的文字
border是距离边有多远，width宽，height高-->
<a href=""><img src="../桌面/3e98db10c20ffbfe54a1333fb892cb98_r.jpg" width="300"height="300" border="100" alt="桌面" title="这是一个桌面"></a>
<a href="Untitled-1.html" name="这是一个超链接" target="_blank">这是一个超链接</a>
<a href=" 931655169@qq.com">进入我的邮箱</a>
<a href="这是一个超链接">錨链接</a>
<img src="../桌面/144012815912.jpg" width="538" height="300" usemap="#Map">
<map name="Map">
  <area shape="circle" coords="288,98,37" href="Untitled-1.html" target="new">
</map>

<!--这是一个热点实例，选择设计模式，插入图片，右键属性，调整图片大小，选择指针热点工具，圈选，跳出链接，#插入所需链接，选择目标new,_blank,_parent,_self,_top-->
<!---清单标签-->
<ul type="circle">
<li type="square">美国</li><li>成龙</li>
</ul>
<ol type="1" start="2">
           <li>中国</li>
<li>中国</li>
<li>中国</li>
<li>中国</li>
</ol>
<dl>
<dt>第一条</dt>
<dd>不得随地吐痰</dd>
<dd>不得爆粗口</dd>
<dt>第二条</dt>
<dd>上课不迟到</dd>
<!--表格标签-->
<table border="5" width="500" height="300" align-"center" cellpadding"" cellspacing=""
border colordark="red" bordercolorlight="green" bgcolor="" background="" dir="rtl">
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
<th>地址</th>
</tr>
</thead>
<tbody>
<tr bacolor="red">
<td bacolor ="blue">霍建华</td>
<td background = "../桌面/144012815912.jpg">霍建华</td>
<td align = "center">男</td>
<td valign = "bottom">中国</td>
</tr>
</tbody>
<td rowspan ="2">成龙章子怡</td>
<td>58</td>
<td>男</td>
<td>香港</td>
</tr>
</tbody> 
<tfoot>
<tr><!--新建一行-->
<td>35</td>
<td colspan = "2">北京</td>
</tr>
</tfoot>
<caption align ="bottom">学员信息</caption>
</table>

转载于:https://my.oschina.net/jiMap/blog/665888