HTML常用标签跟表格
<html> --开始标签
<head>
网页上的控制信息
<title>页面标题</title>
</head>
<body>
页面显示的内容
</body>
</html> --结束标签
注：成对存在
body的属性：
bgcolor 页面背景色 background 背景壁纸、图片 text 文字颜色 topmargin 上边距
leftmargin 左边距 rightmargin 右边距 bottommargin 下边距 background 背景壁纸
一、格式控制标签
<font color="" face="" size=""></font>
<font size="+4" color="#CCFF00">字体格式控制标签：</font>
控制字体：颜色：color="##FF0000"；字体：face；字体大小：size；
<b></b> 字体加粗
<i></i> 倾斜
<u></u> 下划线
<strong></strong> 字体加粗（强调，语气加强用）
<em></em> 字体倾斜（强调，语气加强用）
<center></center> 居中（前后有内容时自动换行 内容会单独占据一行）
<br> 或<br /> 相当于回车
  表示空格 也可以在设计页面中按ctrl+shift+space
二、内容容器标签
<h1></h1>……<h6></h6> 标题（会自动换行）。
<p></p> 段落标签（段落之间空行）
<div></div> 层标签（默认占一行）
<span></span> 层标签（默认用多大空间占多大空间）
<ol type="1"> --有序列表，序号为1,2,3……，引号中可以更改序号形式
<li>内容</li>
<li>内容</li>
</ol> --上面“ol”改为“ul”则为无序列表
三、超链接、图片标签
<a href="http://www.baidu.com" target="new">百度一下</a><br />
<img src="n0.jpg" alt="zheshiyitouniu" title="这是一头牛" /><br />
四、表格
<table></table> 表格
width:宽度。可以用像素或百分比表示。常用960像素。
border：边框。常用值0。
cellpadding：内容跟单元格边框的边距。常用值0。
cellspacing：单元格之间的间距。常用值0。
align:对齐方式。
bgcolor:背景色。
background:背景图片。
<tr></tr> 行
align：一行的内容的水平对齐方式
valign：一行的内容的垂直对齐方式
height：行高
bgcolor:背景色
background:背景图片
<td></td> 单元格
align:单元格的内容的对齐方式
valign：单元格的内容的垂直对齐方式
width：单元格宽度
height：单元格高度
bgcolor:背景色
background:背景图片
<th></th> 表头，单元格的内容自动居中、加粗
个人简历练习：
<!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>
<center><img src="QQ图片20161025152150.png" width="400"/></center>
<table align="center" width="840" height="1048" border="1" cellpadding="0" cellspacing="0">
<tr align="center">
<td width="75" height="80">姓名：</td>
<td width="70">张三</td>
<td width="100">性别：</td>
<td width="70">男</td>
<td width="100">出生年月：</td>
<td width="200">1994.01.01</td>
<td rowspan="4"><img src="3.jpg" width="225" height="316" /></td>
</tr>
<tr align="center">
<td height="75">专业：</td>
<td>666</td>
<td>健康状况：</td>
<td>良好</td>
<td>籍贯：</td>
<td>山东省淄博市</td> </tr>
<tr align="center">
<td height="75">毕业院校:</td>
<td colspan="3">清华大学</td>
<td>联系电话:</td>
<td>13555555555</td> </tr>
<tr align="center">
<td height="80">邮箱：</td>
<td colspan="3">291378108@qq.com</td>
<td>学历：</td>
<td>院士</td> </tr>
<tr align="center">
<td height="178">地址：</td>
<td colspan="6">xxxxxxxxxxxxx</td>
</tr>
<tr align="center" height="70">
<td rowspan="2" >工作经历：</td>
<td colspan="6" rowspan="2">xxxxxxxx<br />xxxxxxx<br />xxxxxxxxx<br />xxxxx<br />xx<br /></td>
</tr>
<tr height="70">
</tr>
<tr align="center" height="40">
<td rowspan="2">获奖证书：</td>
<td colspan="6" rowspan="2"></td>
</tr>
<tr height="40">
</tr>
<tr align="center" height="70">
<td>专业技能:</td>
<td colspan="6">xxxxxxxxx<br />xxx<br /></td>
</tr>
<tr align="center" height="100">
<td>个人评价：</td>
<td colspan="6"></td>
</tr>
<tr align="center">
<td></td>
<td colspan="6"><a href="http://www.cnblogs.com/jiuban2391/">博客园</a></td>
</tr>
</table>
</body>
</html>
备注：这方面知识点比较琐碎，只能多去记忆才能加深印象
HTML常用标签跟表格的更多相关文章
- html5常用标签table表格布局
html5常用标签table表格布局 一.总结 一句话总结: 二.html5常用标签table表格布局 用表格显示信息调理清楚,使浏览者一目了然.表格在网页中还有协助布局的作用,可以把文字.图像等组织 ...
- HTML基础（一）——一般标签、常用标签和表格
第一部分 HTML <html> --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> ...
- HTML常用标签与表格标签
超链接标签: <a href="超链接地址" target="_blank">超链接的文字</a> _blank或new是在新网页中打开 ...
- html一般标签、常用标签、表格
body的属性: bgcolor 页面背景色 text 文字颜色 topmargin 上边距 leftmargi ...
- HTML的常用标签和表格
拼接多个网页
- 第二天(就业班) html的引入、html常用标签、实体标签、超链接标签、图片标签、表格、框架标签、表单[申明：来源于网络]
第二天(就业班) html的引入.html常用标签.实体标签.超链接标签.图片标签.表格.框架标签.表单[申明:来源于网络] 第二天(就业班) html的引入.html常用标签.实体标签.超链接标签. ...
- HTML的基本操作学习----常用标签，特殊符号，列表，表格，表单
什么是HTML 常用标签 标题标签 段落标签 粗体标签+斜体 超链接标签 图片标签 列表标签 无序标签 有序标签 自定义列表 div标签 特殊符号 表格 表单 HTML 什么是 HTML? HTM ...
- 前端 HTML body标签相关内容 常用标签 表格标签 table
表格标签 table 表格由<table> 标签来定义.每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由<td>标签定义).字母 td 指表 ...
- 常见过滤器表格整理，Date，time过滤格式表；常用标签表
一.常用过滤器表 二.date.time过滤器参数表 三.模板常用标签 四.模板标签示例 ①if,for ②url解析标签 ③with缓存标签 ④autoescape的使用 ⑤注释标签(多行注释)一般 ...
随机推荐
- Python十六进制与字符串的转换
电脑上装了Python2.7和3.3两个版本,平时运行程序包括在Eclipse里面调试都会使用2.7,但是由于某些原因在cmd命令行中输入python得到的解释器则是3.3, 一直没对此做处理,因为这 ...
- Oracle EXP-00091的解决方法
[sql] EXP-00091: 正在导出有问题的统计信息.www.2cto.com . . 正在导出表 WF_GENERAL导出了 EXP-00091: 正 ...
- 删除oracle表报ORA-24005错误
请先执行:alter session set events'10851 trace name context forever,level 1'; 然后再删除表.
- Android 触摸手势基础 官方文档概览
Android 触摸手势基础 官方文档概览 触摸手势检测基础 手势检测一般包含两个阶段: 1.获取touch事件数据 2.解析这些数据,看它们是否满足你的应用所支持的某种手势. 相关API: Moti ...
- 定制Android透明按钮
自己在学习和做例子的过程中,常常会需要按钮,由于系统自带按钮样式不太好看,所以需要我们自己来定制项目得按钮,我常常采用2中方法: 1.是制作9-patch的图片,这样能够匹配文字内容的长短. 2.是指 ...
- iOS 设备标识
//UUID NSLog(@"-=-=-=-=-=-=-=-==-=-==qqqqqqqqqqqqqqqqqqqqqqq:::::::::::%@", [[NSUUID UU ...
- Hierarchyid 常用操作
---------内置函数------------ select hierarchyid::GetRoot()--0x select hierarchyid::Parse('/1/1/') - ...
- 安装docker后，VMware网络无法访问了，VMware重置网络设置
1.vmware虚拟机处于关闭状态 2.vmware程序->edit(编辑)-->左下角 "Restore Default"恢复默认设置 [恢复]完成后 ...
- 使用getopts处理shell中的输入参数
在编写shell脚本中,经常要处理一些输入参数,在使用过程中发现getopts更加方便,能够很好的处理用户输入的参数和参数值. getopts用于处理用户输入参数,举例说明使用方法: while ...
- 使用Source Safe for SQL Server解决数据库版本管理问题（转载）
简介 在软件开发过程中,版本控制是一个广为人知的概念.因为一个项目可能会需要不同角色人员的参与,通过使用版本控制软件,可以使得项目中不同角色的人并行参与到项目当中.源代码控制使得代码可以存在多个版本, ...