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的使用 ⑤注释标签(多行注释)一般 ...
随机推荐
- 浅析正则表达式模式匹配的String方法
在JavaScript代码中使用正则表达式进行模式匹配经常会用到String对象和RegExp对象的一些方法,例如replace.match.search等方法,以下是对一些方法使用的总结. Stri ...
- 如何使用代码或脚本启用SharePoint的备用语言
SP的多语言,需要安装语言包,然后手工去sharepoint下启动备用语言,如下图: [网站操作]-[语言设置]: 方法一:采用powershell处理 在很多项目情况下,需要用代码进行备用语言启动. ...
- SharePoint 2013 在母版页中插入WebPart
最近QQ群里有朋友问,如何在母版页里插入自己开发的WebPart.其实很简单,母版页中虽然不允许插入WebPartZone,但是Designer就可以插入WebPart:或者手动注册,然后插入WebP ...
- linux集群运维工具:pssh
由于需要安装hadoop集群,有10台机器需要安装,一开始打算用SCP复制,后来觉得不可接受(实际现场可能数倍的机器集群,就是10台也不想干).后来在网上找了,发现了clustershell和pssh ...
- 使用MDK3探测隐藏SSID名称
先将网卡设置为监听模式. airmon-ng start wlan0 扫描附近无线网络,找出隐藏SSID的AP. airodump-ng wlan0mon 这里用下图搜到的第一个隐藏SSID做测试. ...
- react native与现有的应用程序集成
(1)通过cocopods 集成 ,以下内容 参考 http://wiki.jikexueyuan.com/project/react-native/integration-existing.html ...
- Android NDK编译本地文件以及引用第三方so文件
LOCAL_PATH := $(call my-dir) include $(CLEAR_VARS) LOCAL_LDLIBS :=-llog LOCAL_MODULE := DeviceAPI LO ...
- static和extern对函数的作用
- 深入.net(数据类型)
C#究竟为我们提供了哪些“数据类型”供我们使用?这些类型有什么样的“特征”? 数据类型的分类: --- 数据类型是存放数据的容器.那么我们就以它们“存放数据的方式”分类! 1.值类型:变量中直接存放着 ...
- 【代码笔记】iOS-判断中英文混合的字符长度的两种方法
一,代码. - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. ...