HTML 超文本标记语言
（Hyper Text Markup Language）
浏览器的使用
根据内核不同做区分
解析代码的引擎效果及效率的优劣
- IE浏览器：Trident内核，也是俗称的IE内核
- Chrome浏览器：早期版本是Webkit内核，现在是Blink内核
- Firefox浏览器：Gecko内核，俗称Firefox内核
- Opera浏览器：最初是自己的Presto内核，后改成Weskit，现在用的也是Blink
- Safari浏览器：Webkit内核
不同的浏览器对于相同的页面可能会产生不同的效果
浏览器中代码调试工具的使用【控制台工具 很重要】
API帮助文档
Hbuilder X开发工具的使用
- 创建项目
- 创建文件夹
- 创建不同类型的文件
html网页的组成
！DOCTYPE html 明确版本 html5 声明文档类型 目前在使用的是html5版本
html双标签 网页的所有内容均写在此标签内
meta charset="utf-8" 用来设置页面的编码格式，字符集
utf-8 国际通用编码
gb2312 或 gb_2312 中文编码
head标签中tittle标签用来设置网页标题
注释内容不参与显示 快捷键**Ctrl+/**所有代码均由英文编写
body中的标签
用户可见的内容均在body中
body中包含的内容有文本、图片、视频、音频等
span标签
单加标签不会对文字和布局产生任何影响
- 划分文字区域
- 在网页圈出内容进行单独处理
- 如果一段文字某几个文字需要一些特殊表现，那就将这些特殊的文字包裹进span中，然后结合CSS去添加样式进行特殊出来
p标签
- 段落标签 （双标签）
- 在网页中划分出一个专门存放大段文字的区域
- 任何段落都要放在p标签中，因为在HTML中即使代码换行，页面显示效果也不会换行，必须写在p标签内
- p标签内不能嵌套h系列标签和其他p标签
- 可以让文字换行显示，但不会对文字产生任何影响
h系列标签
- 标题标签（h1—h6 双标签）
- 一般只用到h1到h4，h5，h6基本不会用到，h5，h6标签字体均小于默认字体大小
- 搜索引擎非常看重h1标签的内容，应将重点内容放在h1中，例如：网页的logo和标题等
- h1标签只能放置一个，否则会被搜索引擎视为作弊
- 不仅会让文字进行换行，还会改变文字的样式
- **提示：**实际开发中也会遇到多个h1出现，只是不推荐使用
em i 标签
- 斜体标签
- em不仅能使文本变成斜体，还能进行强调
- i标签只是规定文本变斜，是一个表示效果的标签
- i标签还没有被淘汰，广泛应用于小图标上.(iconfont)
- 能让文字倾斜但不能换行
strong b 标签
- 重要文字标注
- 网页内容中的某段文字中间标注出特别重要的文字，对相应的文字进行加粗处理
- strong标签有语义，除了视觉加粗还有强调标签重要的作用
- b标签只有视觉加粗效果，可用CSS实现；span无任何特殊语义
- 仅能加粗文字，不能进行换行
注意
- b标签只是规定文本加粗，是一个表现效果的标签（基本被淘汰了）
- strong还有除文本加粗的作用，能让搜索引擎觉得里面的文字很重要
mark标签
- 用于定义带有标记的文本
- 是 HTML 5 中的新标签
- 突出文字，起强调作用
- 默认样式
- background-color：#FFFF00；（黄色）
- color：#000000；（黑色）
hr标签
- 水平线标签
- 单标签
- 可进行属性设置
br标签
- 换行标签
- 单标签
