核心提示：1、超文本Web 是一个超文本文件的集合2、什么是HTMLHTML：Hyper Text Markup Language（超文本标签语言）超文本：具备一些特殊功能的文本标签：超文本的组成形式超文本 a...
1、超文本 Web 是一个超文本文件的集合 2、什么是HTML HTML：Hyper Text Markup Language（超文本标签语言） 超文本：具备一些特殊功能的文本 标签：超文本的组成形式 超文本 a：<a></a> 超文本 b：<b></b> 语言；具备一定的语法结构 用HTML编写的网页文件，以.htm或.html作为文件的后缀（超文本文件） 运行环境：任何一款浏览器 开发工具：任意一款文本编辑工具都可以 3、Html基础语法 1、标记语法 在html中，用于描述功能的符号，称为“标记”<p>,<a>,<b> 标记在使用时，必须用<>扩起来 标记分为 1、封闭类型的标记也称为“双标记”，标记必须成对出现 语法： <标记>内容</标记> 《=====》 <font>Myhtml</font> 如果一对双标记中没有结束标记的话，网页会产生意想不到的结果 ex：<a>百度</a> <b>加粗显示</b> ... 2、非封闭类型的标记 也称为“单标记”或“空标记” 语法：<标记>或<标记/>\ 2、元素 元素即标记 "<a>百度</a>"这个组合称为元素 1、元素的嵌套 Html中通过嵌套的元素来形成更为复杂的页面结构 注意： 1、嵌套顺序 <p><a></a></p> 正确 <p><a></p></a> 错误 2、格式问题 被嵌套的东西要用 缩进来表示（Tab） ex: <p> <b> <a> </a> </b> </p> 2、属性和值 属性：是用来修饰元素的。 ex：想控制p标记里文本的 水平排列方式 右对齐 语法： 1、属性的声明必须位于开始标记里 2、属性与标记之间要用一个空格隔开 3、一个元素允许有多个属性，多个属性之间用 空格 隔开，并且排名不分先后 4、属性 和 值之间用 = 连接 ex： 文本水平排列方式：align 取值：left/center/right <p align="right">这是一段文本</p> 设置 id 属性值为 p1 标准属性： html中所有元素都具备的属性称之为标准属性 1、id：元素在页面中的独一无二的标识 2、title：鼠标移入到元素上时所提示的文本 3、class：指定元素引用的类选择器（样式中使用） 4、style：定义元素的内联样式(样式中使用) 3、注释 不会被浏览器所编译的内容，称为注释 语法： <!-- --> 注意： 1、注释不能嵌套 <!-- 这是一段注释 --> 2、注释不能在标签中使用 Html5 Html5的目标，就是更为简洁的HTML代码 4、文档结构 1、Html文档结构 任何网页都是由 1、文档类型声明 <!doctype html> 2、html页面 <html></html> 两部分组成 2、html 元素 包含两个子元素 1、<head></head> 用于表示网页头部信息，用于定义页面全局信息或页面的元数据 2、<body></body> 显示给用户看的内容 3、head元素 允许包含的子元素： 1、<title>网页标题</title> 2、<meta> <meta charset="utf-8"> 告诉浏览器用什么样的编码解析网页内容 注意：保证网页文件的 编码格式 也是 utf-8 练习： 1、创建一个超文本文档，名称为01.html 2、指定文档类型声明 3、搭建网页结构 设置 标题 ： 我的第一个html练习文件 设置 编码 ： utf-8 网页文件编码 ：utf-8 4、编辑网页内容 我的第一个html练习内容 尝试用一对b标记将以上内容括起来，观察结果
