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> ...
随机推荐
- Python Windows下打包成exe文件
Python Windows 下打包成exe文件,使用PyInstaller 软件环境: 1.OS:Win10 64 位 2.Python 3.7 3.安装PyInstaller 先检查是否已安装Py ...
- ubuntu下搭建android开发环境
注意: google可能被和谐了,那就修改hosts sudo vim /etc/hosts 增加: #Google主页 203.208.46.146 www.google.com #这行是为了方便打 ...
- spring aop两种配置方式
基于注解的Spring AOP开发 简单案例快速入门 定义目标类接口和实现类 /** * Created by zejian on 2017/2/19.*/ //接口类 public interfac ...
- 1710 生日蛋糕(1999 noi)
1710 生日蛋糕(1999 noi) 1999年NOI全国竞赛 题目描述 Description 7月17日是Mr.W的生日,ACM-THU为此要制作一个体积为Nπ的M层生日蛋糕,每层都是一个圆柱体 ...
- 实践作业3:白盒测试----总结与反思DAY12.
---恢复内容开始--- 阶段一:熟悉白盒测试方法 负责人:刘思佳 工作质量评价:用例设计详细,考虑到白盒测试基于代码,所以尽可能地覆盖更多的白盒测试方法,对系统可能存在的缺陷就更容易了解.对管理员和 ...
- clickonce发布winform必备组件
ClickOnce 发布,在系统必备中勾选了 .NET Framework 4,并选择了"从与我的应用程序相同的位置下载系统必备组件"时,执行发布,会提示缺少很多文件 使用 Pac ...
- 免秘钥oracel官方下载jdk
wget --no-check-certificate --no-cookies --header "Cookie: oraclelicense=accept-securebackup-co ...
- solr&lucene3.6.0源码解析(二)
上文描述了solr3.6.0怎么采用maven管理的方式在eclipse中搭建开发环境,在solr中,为了提高搜索性能,采用了缓存机制,这里描述的是LRU缓存,这里用到了 LinkedHashMap类 ...
- MongoDB整理笔记の移除Shard Server
有些时候有于硬件资源有限,所以我们不得不进行一些回收工作,下面我们就要将刚刚启用的Shard Server 回收,系统首先会将在这个即将被移除的Shard Server 上的数据先平均分配到其它的Sh ...
- windows包管理工具和 ssh安装
Chocolatey windows下的包管理工具 https://chocolatey.org/ cmd里执行 @"%SystemRoot%\System32\WindowsPowerSh ...