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的使用 ⑤注释标签(多行注释)一般 ...
随机推荐
- 根据键盘调整textField（多个）位置使其不会被键盘挡住
当一个界面上有个textField时,键盘出现时需要保证textField不会被键盘挡住. 一般的做法是,监听 UIKeyboardWillShowNotification和 UIKeyboardWi ...
- 阿里云服务器怎么去掉tomcat的8080端口
前言:最近在阿里云申请了一个云服务器,然后已买了一个域名.比如www.haha.com ; 在云服务器上安装了tomcat ,访问服务器就成了 http://www.haha.com:8080/ . ...
- iOS开发－完整学习路线图
- 【代码笔记】iOS-后台运行，可以选择在前台或后台或前后台
一,工程图. 二,代码. AppDelegate.h AppDelegate.m RootViewController.h #import <UIKit/UIKit.h> @interfa ...
- OC NSString(字符串)
OC NSString(字符串) 多行文字字面量 NSString * string = @"abC" @"DEF" @"hjk" @&qu ...
- IOS开发之小实例--使用UIImagePickerController创建一个简单的相机应用程序
前言:本篇博文是本人阅读国外的IOS Programming Tutorial的一篇入门文章的学习过程总结,难度不大,因为是入门.主要是入门UIImagePickerController这个控制器,那 ...
- 谈谈用ASP.NET开发的大型网站有哪些架构方式(成本)
在上篇文章里(http://www.cnblogs.com/ms0017/archive/2011/07/26/2117676.html),列举了国内外用ASP.NET开发的大型网站有哪些.最后提到了 ...
- 【转】C# 中的委托和事件
阅读目录 C# 中的委托和事件 引言 将方法作为方法的参数 将方法绑定到委托 事件的由来 事件和委托的编译代码 委托.事件与Observer设计模式 .Net Framework中的委托与事件 总结 ...
- SVN导出/导入、SVN备份/还原 【小白版】
一.导出: 1.进入svn安装路径bin文件夹下,使用 cd 命令. 在windows下,win+R 键入 cmd 回车 打开命令窗口cmd,进入下列目录(svn服务器安装目录bin): " ...
- Java基础知识学习（四）
高级特性:内部类.抽象类 内部类(Inner Class),有时也称为嵌套类(Nested Class) 允许在一个类(或方法.语句块)的内部定义另一个类 使用内部类的主要原因有: 内部类可以访问外部 ...