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的使用 ⑤注释标签(多行注释)一般 ...
随机推荐
- SharePoint 2013 日历重叠功能简介
之前做了一个“SharePoint 2013 日历根据Category显示不同颜色”,然后大家留言说为什么不用SharePoint自带的日历重叠功能,所以自己尝试一下这个功能,和之前的博客进行一下对比 ...
- JavaScript滚动条插件源码
这是过年的时候自己写的js滚动条插件的源码,做出的效果自己并不满意,正因为做的并不满意所以回头重新巩固和深入学习js,这个插件有如下几个不太满意的地方: 内容的过度效果,可以参阅QQ客户端最近会话列表 ...
- node.js Tools for Visual Studio 介绍
node.js Tools for Visual Studio简称NTVS 项目 安装包地址:https://nodejstools.codeplex.com 目前支持2012和2013
- iOS---检测系统通知开关状态
if (iOS8) { //iOS8以上包含iOS8 if ([[UIApplication sharedApplication] currentUserNotificationSettings].t ...
- 【读书笔记】iOS-ASIHTTPRequest框架的使用。
一,安装和配置ASIHTTPRequest框架. 二,同步请求. 在ASIHTTPRequest框架中与HTTP请求相关的类有:ASIHTTPRequest和ASIFormDataRequest,其中 ...
- 【读书笔记】iOS网络-Web Service协议与风格
协议指的是在与其它系统交换结构化信息时所要遵循的一套格式,过程与规则.此外,协议定义了在传输过程中所要使用的数据格式.这样,接收系统就能正确地解释结构化信息并做出正应的回应. 1,简单对象访问协议. ...
- 【Android】友盟的自动更新组件
前言 又好又专业的服务能帮开发者省很多时间.一开始做项目也准备自己来统计数据.自己做自动更新,随着使用友盟服务的时间增加,渐渐放弃了这种想法,转而研究如何更充分的使用,这里分享一下使用自动更新组件的心 ...
- 自定义button
改变button内部label和imageView的frame - (CGRect)titleRectForContentRect:(CGRect)contentRect - (CGRect)imag ...
- 振奋人心啊！！！！下一代.NET——ASP.NET vNext
这两天看到的.NET的新闻都好振奋人心啊!微软北美技术大会带来了好多好消息! 看到一篇博客园的文章,感觉太棒了.摘录下来.原文链接:http://news.cnblogs.com/n/208133/ ...
- Asp.Net Web Form 前后台传值
1,后台往前台传值----单个变量直接传递到页面元素 前台代码 <b><%=strCompanyName%>费用明细</b> 后台代码 public partial ...