整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
.标签要小写
2.属性值可加可不加””或”
3.可以省略某些标签
html body head tbody
4.可以省略某些结束标签
tr td li
例：
显示效果：
5.单标签不用加结束标签
img input
6.废除的标签
font center big
7.新添加的标签
将在下一HTML5学习笔记中重点阐述。
下期预告：
HTML5学习笔记四：html5新增标签、语义特性-文档声明
Tommy say开张两天，订阅量达到了60+，收藏300+，阅读量突破2000，推荐度达到10000+，很是欣慰。谢谢大家的支持，Tommy一定会坚持写作分享下去，么么哒~
我前期准备按照两条线走：HTML5 + JavaScript，这两种文章都会从最基础的开始写起，希望大家喜欢。
为了方便学习和理解，通常将HTML5标记分为两大类，即双标记和单标记。
a.双标记：
双标记双标记也称为体标记，分为开始标记和结束标记，其基本语法为：
<标记名>内容</标记名>
如：
<p>我是一个双标记</p>b.单标记：
单标记也称空标记，是指用一个标记就可以完整的描述某个功能，其基本语法为：
<标记名/>
如：
<hr/>上面hr标记表示一条水平线，后面会提到
注释标记是HTML的一种特殊标记，它是一段便于阅读理解的不需要在页面中显示的注释文字。其基本语法格式为：
<!-- 注释语句 -->如：
<p>这是一段文本</p> <!-- 这是注释文本，不会在页面中显示 -->上图即为浏览器中的结果。
HTML标记的默认样式是无法满足页面开发的需求的，如果想要为某段文本设置特定的样式，就需要用到HTML标记的属性了，其基本语法格式为：
<标记名 属性1="属性值1" 属性2="属性值2" 属性3="属性值3"...>内容</标记名>
下面以一个例子来展示：
网页第一行是一个二级居中的标题，第二行是一个局中的段落，第三行是一个大小为2px，颜色为灰色的水平线，第四行是一段正常的段落，部分词语被加粗
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2 align="center">我是居中的二级标题</h2>
<p align="center">我是居中的段落</p>
<hr size="2" color="#ccc"/>
<p>我是一个正常的段落，这是<strong>关键字</strong>，其他的都是正常内容。<p/>
</body>
</html>效果如图所示：
多学一招（键值对）：
“键值对”简单地说即为对“属性”设置“值”
例如：
color = "red";width:"200px";
上面的color和width就相当于属性1和属性2，red和200px就是对应的属性值1和属性值2，如果顺序出错，是没有效果的
总结：
在HTML开始标记中，可以通过 属性=“属性值”的方式为标记添加属性，其中“属性”和“属性值”是以“键值对”的形式出现的
1.title
一个HTML文档只能含有一对<title></title>标记，<title></title>之间的内容将显示在浏览器窗口的标题栏中。
基本语法格式：
<title>网页标题名称</title>
2.meta
meta定义页面元信息：
设置网页关键字》》》<meta name=”keywords” content=”JAVA、php”/>
设置网页描述》》》<meta name=”description” content=”IT培训教育”/>
设置网页作者》》》<meta name=”author” content=”传智播客”/>
设置字符集》》》<meta http-equiv=”Content-Type” content=”text/htm; charset=utf-8l”/>
设置页面自动刷新与跳转》》》<meta http-equiv=”refresh” content=”10;url=http://www.itcast.cn”/>
3.link
基本语法格式：
<link 属性=”属性值” />
属性名 | 常用属性值 | 描述 |
href | URL | 指定引用外部文档 |
rel | stylesheet | 指定当前文档与引用外部文档的关系，该属性值通常为stylesheet，表示定义一个外部样式表 |
type | text/css | 引用外部文档的类型为CSS |
type | text/javascript | 引用外部文档的类型为JavaScript脚本 |
4.style
基本语法格式：
<style 属性=”属性值”>样式内容</style>
在HTML中使用style标记时，常常定义其属性为type，相应的属性值为text/css，表示使用内嵌式的CSS样式
HTML文档由HTML元素组成，一个HTML元素由一个标签和一组属性组成。一个标签可以有一个或多个属性，属性以名称和值成对出现。Web 浏览器读取HTML 文档，并以网页的形式显示出来，浏览器不会显示 HTML 标签，而是通过标签来解释网页的内容。
HTML(Hyper Text Mark-up Language超文本标记语言)：不是编程语言，而是一种描述性的标记语言，用于描述网页中内容的显示方式，比如文字以什么颜色、大小来显示等，这些都是利用Html标记来实现。
HTML标签是由尖括号（“<”和“>”）包围的关键词，如标签 <p>。标签不区分大小写，故 <p> 和 <P> 的含义相同，不过推荐使用小写。
HTML标签通常成对出现，一个是开始标签，一个是结束标签。开始标签告诉浏览器，从这里开始执行该标签所表示的功能；结束标签告诉浏览器，该功能到这里结束。在开始标签前加一个斜杠（/）即成为结束标签。如，html 元素的开始标签是 <html>，结束标签是</html>。也就是说，一个HTML 元素由开始标签、内容、结束标签组成。开始标签是放在一对尖括号中的元素名称及可能包含的属性，结束标签是放在一对尖括号中的斜杠加元素的名称。语法格式为：<开始标签>内容</结束标签>。如，em 元素的开始标签为<em>，结束标签为 </em>，在<em> 和 </em> 标签之间是元素的内容。如下图所示：
所有的网页文件，通过都是四对标记来构成文档的骨架，它们是：
小结：
<html>…</html>标识网页文件的开始与结束，所有的Html元素，都要放在这对标记中。
<head>…</head>标识网页文件的头部信息，如标题、搜索引擎关键字等
<title>…</title>标识网页文件的标题
<body>…</body>标识网页文件的主体部分
1. 单标记
一．<标记名称>
单一型，无属性值
如：<br/>——表示换行符
二．<标记名称属性=”属性值”>
单一型，有属性值
如：<hr width=”80%”/>
2. 双标记
三．<标记名称>…</标记名称>
没有属性值
如：<title>…<title>
四．<标记名称属性=”属性值”>…</标记名称>
有属性值
如：<body bgcolor=”red”>…</body>
注释
格式：
<!—注释内容-->
Body属性
<body bgcolor=”背景颜色” background=”背景图像” text=”文本颜色” link=”链接文本颜色” vlink=”访问过的文本颜色” alink=”激活的连接文本颜色” leftmargin=”左边界”>
语法：
<font color=”文本颜色” size=“字号”>文本</font>
格式：
<p align=“对齐方式”>…</p>
修饰标记
水平直线<hr/>
觉得不错的朋友关注下哩，后面会分享HTML标签属性、描点、表单等更多干货。
*请认真填写需求信息，我们会在24小时内与您取得联系。
