1.常用标签
<a></a>超链接
功能 做链接 :在href属性里面写明指向的地方
做下载:href指向文件(注意:不能下载的文件是因为浏览器可以直接打开)
做锚点:
做锚点:<a name="top"></a> 、<a id="top"></a>
跳转到锚点的位置:<a href="#top"></a>、<a href="当前页面#top"></a>
<img />图片
src:图片的路径 width:图片的宽度 height:图片的高度 alt:图片加载不出来时的提示文字
title:图片标题,鼠标放上时显示的文字 图片作为超链接:<a href=""><img width="100" height="100" src="" /></a>
代码:
<a href="http//:www.baidu.com">调到百度</a> <a href="#">miaodian</a><!-- 注意#后跟名字 --> <br /> <a href="屏幕截图(FastStone Capture)9.2汉化单文件便携企业版.exe"> <img src="../img/qrcode.png" width="300" height="200" alt="图片"title="二维码" > </a> <br /> <br /> <a href="屏幕截图(FastStone Capture)9.2汉化单文件便携企业版.exe">下载</a>
展示:
2.表格标签
<table></table>:表格
<th><th>:用来做表头
<tr></tr>:代表行
<td></td>:代表单元格/列
属性:width:宽度 height:高度 align:水平对齐方式(left左 right右 center居中)
valign:垂直对齐方式(top上 middle中 bottom下) bgcolor:背景颜色
rowspan:rowspan=“2” 上下合并两格
colspan:左右合并
代码展示:
<table border="1px" cellspacing="0" cellpadding="0"> <caption><h3>个人简历模板</h3></caption> <tr> <td>姓名</td> <td></td> <td>性别</td> <td></td> <td colspan="2">民族</td> <td></td> <td rowspan="4"></td> </tr> <tr> <td>身份证</td> <td colspan="2"></td> <td colspan="2">出生年月</td> <td colspan="2"></td> </tr> <tr> <td>政治面貌</td> <td colspan="2"></td> <td colspan="2">户籍</td> <td colspan="2"></td> </tr> <tr> <td>学历</td> <td colspan="2"></td> <td colspan="2">学位</td> <td colspan="2"></td> </tr> <tr> <td>毕业学校</td> <td colspan="3"></td> <td colspan="2">所学专业</td> <td colspan="2"></td> </tr> <tr> <td>毕业时间</td> <td colspan="2"></td> <td colspan="2">联系电话</td> <td colspan="3"></td> </tr> <tr> <td colspan="2" height="100">教育和实习经历</td> <td colspan="6"></td> </tr> <tr> <td colspan="2" height="100">特长及奖惩情况</td> <td colspan="6"></td> </tr> <tr> <td colspan="2" height="100">自我评价</td> <td colspan="6"></td> </tr> </table>
效果展示:
原文:https://www.cnblogs.com/zqy6666/p/11720564.html