HTML-常用标签与表格标签

超链接标签：

<a href="超链接地址" target="_blank">超链接的文字</a>

_blank或new是在新网页中打开连接，默认：访问前是连接是蓝字+下划线，访问后是紫字+下划线；

_parents或_self是在原有网页中打开连接。

锚点：

第一步：做锚点的标签 <a name="top"></a>

第二步：做锚点连接<a href="#top"></a> （目标连接的name的值）

图片标签：

高跟宽设置一个即可，显示图片会按比例缩放。

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>——单元格标签

</tr>

</table>——表格结束标签

属性：

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> ...

随机推荐

ICO流程，casestudy
https://medium.com/crypto-oracle/ico-analysis-framework-nex-case-study-bf65586b4b32
常见的移动端Web页面问题解决方案
1.安卓浏览器看背景图片,有些设备会模糊. 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显 ...
spring与mybatis五种整合方法
1.采用数据映射器(MapperFactoryBean)的方式不用写mybatis映射文件,采用注解方式提供相应的sql语句和输入参数. (1)Spring配置文件: <!-- 引入jdbc ...
jvisualvm远程监控服务器tomcat
1.在 {服务器tomcat路径}/bin/catalina.sh 中,的[# OS specific support. $var _must_ be set to either true or f ...
loadrunner中回放log看不到参数替代后具体数值
1.打开run-time settings,找到 log - always send messages,选择 extended log--parameter substitution.
一张图让你看懂HDMI针脚定义
一张图让你看懂HDMI针脚定义摘自:http://www.hdmiaoc.com/cjwt-175.html 什么是HDMI线,HDMI插头的每根PIN脚是什么意思? 大部分使用HDMI标准的研发及 ...
使用Intellij中的Spring Initializr来快速构建Spring Boot/Cloud工程
在之前的所有Spring Boot和Spring Cloud相关博文中,都会涉及Spring Boot工程的创建.而创建的方式多种多样,我们可以通过Maven来手工构建或是通过脚手架等方式快速搭建,也 ...
Ubuntu14.04下使用PPA安装php5.6，php7
1.为了使用ppa(Personal Package Archives) 选安装依赖: # apt-get install python-software-properties 2.添加不同版本php ...
用nodejs搭建最简单、轻量化的http server(转)
出处:http://www.cnblogs.com/wangfupeng1988/p/4143996.html 1. 引言前端程序猿主要关注的是页面,你可能根本就用不到.net,java,php等后 ...

HTML-常用标签与表格标签

HTML-常用标签与表格标签的更多相关文章

随机推荐

热门专题