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="" /></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="" align="center">
- <tr align="center"><td><font size=""><b>个人简历</b></font></td></tr>
- </table>
- <table width="" height="" cellpadding="" cellspacing="" align="center" border="">
- <tr align="center" hight="">
- <td width="" bgcolor="#CCCCCC"><b>姓名</b></td>
- <td width="">李献策</td>
- <td width="" bgcolor="#CCCCCC"><b>性别</b></td>
- <td width="">男</td>
- <td rowspan=""><img src="debcfa5fbc02ae098fce38de1550769a.jpg" width=""></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.</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="">愿从基层做起,可做与药物分析技术专业或与推销营销相关的工作。</td>
- </tr>
- <tr align="center">
- <td bgcolor="#CCCCCC"><b>主修课程</b></td>
- <td colspan="">《药物分析》、《药剂学》、《药物化学》、《药理学》、《仪器分析》、《有机化学》、《无机及分析化学》、《生物化学》等</td>
- </tr>
- <tr align="center">
- <td bgcolor="#CCCCCC"><b>奖惩情况</b></td>
- <td colspan="">多次获得“学生会先进工作者”、“三好学生”等称号。</td>
- </tr>
- <tr align="center">
- <td bgcolor="#CCCCCC"><b>社会实践</b></td>
- <td colspan="">2010.9-.4实习期间在福建省做过医药代表工作;2011.5-.4在山东金城化工实验室做化验员;2012.5-.1在淄矿集团驻矿项目部做调度员。</td>
- </tr>
- <tr align="center">
- <td bgcolor="#CCCCCC"><b>专业证书</b></td>
- <td colspan="">英语三级、计算机一级MS等</td>
- </tr>
- <tr align="center">
- <td bgcolor="#CCCCCC"><b>兴趣爱好</b></td>
- <td colspan="">喜欢打乒乓球、阅读、上网等。</td>
- </tr>
- <tr align="center">
- <td bgcolor="#CCCCCC"><b>自我评价</b></td>
- <td colspan="">本人思想成熟、为人诚实、个性稳重、具高度责任感,能够同他人一道很好的工作,吃苦耐劳、善于学习、事业心强、工作细心,具有比较强的专业理论知识,基础扎实且广泛,勤奋务实,有较强的适应能力,热爱集体,助人为乐,能恪守以大局为重的原则,愿意服从集体利益的需要,具有奉献精神。</td>
- </tr>
- <tr align="center">
- <td bgcolor="#CCCCCC"><b>联系方式</b></td>
- <td></td>
- <td bgcolor="#CCCCCC"><b>博客园地址</b></td>
- <td colspan=""><a href="http://www.cnblogs.com/qq450867541/" target="_blank">http://www.cnblogs.com/qq450867541/</a></td>
- </tr>
- </table>
- <table align="center" width="">
- <tr align="right">
- <td>
- <font size=""><b>——博学、审问、慎思、明辨、笃行。</b></font>
- </td>
- </tr>
- </table>
- </body>
- </html>
个人简历
HTML常用标签与表格标签的更多相关文章
- HTML-常用标签与表格标签
超链接标签: <a href="超链接地址" target="_blank">超链接的文字</a> _blank或new是在新网页中打开 ...
- Day46(列表标签,表格标签,表单标签,css的引入方式,css选择器)
一.列表标签 列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,“无序列表”的意思. li:lis ...
- HTML基本标签,表格标签,框架标签
1.html简介 1.1什么是html html全称:Hyper Text Markup Language(超文本标记语言) 备注: a.超文本:页面内可以包含图片.链接,甚至音乐 ...
- HTML核心标签之表格标签(一)
表格的基本语法: <body> <table> <tr><td></td><td></td></tr> ...
- HTML高级标签之表格标签
前面学习了一下HTML的经常使用标签, 今天開始高级标签之路! 一.表格标签 1.作用: 创建一张表格 2.各属性作用: <table cellspacing="0" cel ...
- HTML入门(转义字符、行内样式和块级元素、定位、锚点、跑马灯标签、图片标签、表格标签的讲解)
一.转义字符由特殊字符包裹的文本 会当做标签去解析 对应不换行空格 对应全角空格 em是字体排印学的计量单位,相当于当前指定的点数.其占据的宽度正好是1个中文宽度,而且基本上不受字体影响.<对应 ...
- 讲课笔记1——meta标签、表格标签
图片属性:src(source): 图片的来源(路径),可以放置本地图片,也可以放网上的图片的url地址 [相对路径: ./:当前目录 ../:跳出当前目录,到上一 ...
- HTML的列表标签和表格标签
网页的列表和表格 列表的分类 无序列表 有序列表 自定义列表 有序列表 <!--有序列表--><ol> <li>辽宁</li> <li ...
- HTML核心标签之表格标签(二)
基本用法: <ul type="cir"> <li>显示数据</li> <li>显示数据</li> </ul> ...
随机推荐
- java 24 - 8 GUI之创建四则运算计算器(未校验版)
这个是用NetBeans软件制作的,因为这个软件制作GUI任务比较方便 通过拖拽控件生成的窗体:(红色的名称是更改后的控件名称) 拉拽好布局后,要进行的步骤: A:更改想要进行操作的控件的名称(右键控 ...
- mysql下mysqladmin日常管理命令总结
mysqladmin 工具的使用格式:mysqladmin [option] command [command option] command ......参数选项:-c number 自动运行次数统 ...
- swift约束框架SnapKit使用
一.Swift - 自动布局库SnapKit的使用详解1(配置.使用方法.样例) 为了适应各种屏幕尺寸,iOS 6后引入了自动布局(Auto Layout)的概念,通过使用各种 Constrain ...
- TP框架中用tp模版迁移smarty模版的注意事项
ThinkPHP使用Smarty模板引擎的流程及注意事项在多人合作的项目中,Smarty模板使用的最多,具体原因百度. 而ThinkPHP中默认使用的模板是Think自己的模板,这就需要修改默认的模板 ...
- php中创建和调用webservice接口示例
php中创建和调用webservice接口示例 这篇文章主要介绍了php中创建和调用webservice接口示例,包括webservice基本知识.webservice服务端例子.webservi ...
- 恢复Reflector反编译后资源文件的办法
反编译问题: 1.路径问题:如果遇到了Path.Combine,有错误改下即可 2.资源文件问题: 在Reflector下,对左边的资源管理窗口的Resources文件夹下的资源文件,进行右键点击,选 ...
- Elasticsearch-2.3.x填坑之路
使用版本说明:2.3.2 强制不能使用root用户启动?因为在2.x版本强调了安全性,防止attracker侵入root用户,所以建议使用者创建其他用户启动.当然,可以通过配置来实现root用户启动. ...
- MyBatis.Net 学习手记
MyBatis.NET的前身为IBatis,是JAVA版MyBatis在.NET平台上的翻版,相对NHibernate.EntityFramework等重量级ORM框架而言,MyBatis.NET必须 ...
- 2014-10-28——iframe多层嵌套时获取元素总结
同域: 父页面获取子页面元素: 注意:onload事件 jQuery获取:$("iframe").contents().find("holder")...... ...
- Eclipse工作常见问题总结
一.Eclipse常见快捷键使用 自动完成单词:Alt+/ 重命名:Shift+Alt+r(统一改变字段或方法名) 生成getter/setter方法: Shift+Alt+s,然后r 删除当前行:C ...