HTML-常用标签与表格标签
超链接标签:
<a href="超链接地址" target="_blank">超链接的文字</a>
_blank或new是在新网页中打开连接,默认:访问前是连接是蓝字+下划线,访问后是紫字+下划线;
_parents或_self是在原有网页中打开连接。
锚点:
第一步:做锚点的标签 <a name="top"></a>
第二步:做锚点连接<a href="#top"></a> (目标连接的name的值)
图片标签:
<img src="图片地址" alt="文字" title="文字" width="" height="" />
高跟宽设置一个即可,显示图片会按比例缩放。
alt 设置的值是在图片无法加载的时候显示的文字,还可以帮助搜索引擎搜索。 title 设置的值是鼠标指向是显示的文字。
<body> <a name="top"></a> <a href="https://www.wowchina.com/zh-cn/" target="_blank">魔兽世界</a><br /> <a href="https://www.wowchina.com/zh-cn/" target="_blank" title="魔兽世界"><img src="魔兽背景.octet-stream" width="800" /></a><br /> <img src="" alt="无法打开" /><br /> </body>
表格标签
<table>——表格开始标签
<tr>——行标签
<td></td>——单元格标签
<td></td>——单元格标签
<td></td>——单元格标签
</tr>
</table>——表格结束标签
属性:
<table></table> <tr></tr>
width 宽度,可以用像素或百分比表示。常用960像素;
border 边框,常用值为0;
align 对齐方式;
cellpadding 内容跟单元格边框的边距,常用值为0;
cellspacing 单元格之间的间距,常用值为0;
bankground 背景图片;
bgcolor 背景颜色
单元格合并
colspan="n" 合并同一行的单元格,从该单元格开始占用n个单元格,后面写代码要减去相应的列
rowspan="n" 合并同一列的单元格,从该单元格开始占用n个单元格,后面写代码要减去相应的列
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>个人简历</title> </head> <body> <table width="750" align="center"> <tr align="center"><td><font size="6"><b>个人简历</b></font></td></tr> </table> <table width="750" height="680" cellpadding="2" cellspacing="0" align="center" border="1"> <tr align="center" hight="100"> <td width="100" bgcolor="#CCCCCC"><b>姓名</b></td> <td width="180">李献策</td> <td width="100" bgcolor="#CCCCCC"><b>性别</b></td> <td width="180">男</td> <td rowspan="5"><img src="debcfa5fbc02ae098fce38de1550769a.jpg" width="150"></a></td> </tr> <tr align="center"> <td bgcolor="#CCCCCC"><b>民族</b></td> <td>汉</td> <td bgcolor="#CCCCCC"><b>籍贯</b></td> <td>山东省淄博市淄川区</td> </tr> <tr align="center"> <td bgcolor="#CCCCCC"><b>出生日期</b></td> <td>1989.09.25</td> <td bgcolor="#CCCCCC"><b>政治面貌</b></td> <td>群众</td> </tr> <tr align="center"> <td bgcolor="#CCCCCC"><b>健康状况</b></td> <td>健康</td> <td bgcolor="#CCCCCC"><b>学历</b></td> <td>大专</td> </tr> <tr align="center"> <td bgcolor="#CCCCCC"><b>毕业学校</b></td> <td>山东药品食品职业学院</td> <td bgcolor="#CCCCCC"><b>专业</b></td> <td>药物分析技术</td> </tr> <tr align="center"> <td bgcolor="#CCCCCC"><b>求职意向</b></td> <td clign="center" colspan="4">愿从基层做起,可做与药物分析技术专业或与推销营销相关的工作。</td> </tr> <tr align="center"> <td bgcolor="#CCCCCC"><b>主修课程</b></td> <td colspan="4">《药物分析》、《药剂学》、《药物化学》、《药理学》、《仪器分析》、《有机化学》、《无机及分析化学》、《生物化学》等</td> </tr> <tr align="center"> <td bgcolor="#CCCCCC"><b>奖惩情况</b></td> <td colspan="4">多次获得“学生会先进工作者”、“三好学生”等称号。</td> </tr> <tr align="center"> <td bgcolor="#CCCCCC"><b>社会实践</b></td> <td colspan="4">2010.9-2010.4实习期间在福建省做过医药代表工作;2011.5-2012.4在山东金城化工实验室做化验员;2012.5-2016.1在淄矿集团驻矿项目部做调度员。</td> </tr> <tr align="center"> <td bgcolor="#CCCCCC"><b>专业证书</b></td> <td colspan="4">英语三级、计算机一级MS等</td> </tr> <tr align="center"> <td bgcolor="#CCCCCC"><b>兴趣爱好</b></td> <td colspan="4">喜欢打乒乓球、阅读、上网等。</td> </tr> <tr align="center"> <td bgcolor="#CCCCCC"><b>自我评价</b></td> <td colspan="4">本人思想成熟、为人诚实、个性稳重、具高度责任感,能够同他人一道很好的工作,吃苦耐劳、善于学习、事业心强、工作细心,具有比较强的专业理论知识,基础扎实且广泛,勤奋务实,有较强的适应能力,热爱集体,助人为乐,能恪守以大局为重的原则,愿意服从集体利益的需要,具有奉献精神。</td> </tr> <tr align="center"> <td bgcolor="#CCCCCC"><b>联系方式</b></td> <td>15589357125</td> <td bgcolor="#CCCCCC"><b>博客园地址</b></td> <td colspan="2"><a href="http://www.cnblogs.com/qq450867541/" target="_blank">http://www.cnblogs.com/qq450867541/</a></td> </tr> </table> <table align="center" width="750"> <tr align="right"> <td> <font size="5"><b>——博学、审问、慎思、明辨、笃行。</b></font> </td> </tr> </table> </body> </html>