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> ...
随机推荐
- hive单节点数据倾斜解决方法
一.现象 map/reduce程序执行时,reduce节点大部分执行完毕,但是有一个或者几个reduce节点运行很慢,导致整个程序的处理时间很长,这是因为某一个key的条数比其他key多很多(有时是百 ...
- 浅谈svn的hook机制
一.什么是钩子 所谓svn的hook机制,就是用户在管理数据仓库的时候,当特定的事件发生时,相应的hook会被调用,hook 其实就相当于特定事件的处理函数. 当前 Subversion 提供了5种可 ...
- String.getBytes()[转]
在Java中,String的getBytes()方法是得到一个操作系统默认的编码格式的字节数组.这个表示在不通OS下,返回的东西不一样! String.getBytes(String decode)方 ...
- [模板]RMQ(冲刺准备中)
洛谷P3865 注意:位运算一定要加括号!因为他的优先级没有加减法高: 注意在预处理的时候判断的是前一个区间是否完整,故 i+(1<<(j-1))-1<=n; 取logn时最好多加一 ...
- jquery UI datepicker汉化
由于近期工作需要,jquery ui的datepicker需要汉化,特此把代码贴在这$(function() { $.datepicker.regional["zh-CN"] = ...
- 研究wireshark遇到的问题
说起来有一些惭愧,研究wireshark有一段时间了,但是对源代码的分析却至今没有什么进展... 最初想要研究wireshark是因为我的开题是基于wireshark来做的. 现在有很多抓包工具,wi ...
- ConfigureAwait(false)避免上下文延续
之前MVC利用MvcHtmlString封装通用下拉菜单,菜单数据需要从webapi获取,自然用到了 await Http Client.GetAsync(Url)方法,前端 @Html.Select ...
- C++11新特性之auto
auto的使用 c++11引入了auto类型说明符,auto让编译器通过初始值来推算变量的类型,所以auto定义的变量必须有初始值. 使用auto也能在一条语句中声明多个变量,因为一条声明语句只能 ...
- 编写高质量代码改善C#程序的157个建议——建议84:使用PLINQ
建议84:使用PLINQ LINQ最基本的功能就是对集合进行遍历查询,并在此基础上对元素进行操作.仔细推敲会发现,并行编程简直就是专门为这一类应用准备的.因此,微软专门为LINQ拓展了一个类Paral ...
- [Lua快速了解一下]Lua的Table
Lua中的Table其实就是一个Key Value的structure haoel = {name=, handsome=True} -table的CRUD操作 haoel.website=" ...