HTML文件作为网页显示，可以通过浏览器看到效果，常用的Web浏览器，比如谷歌浏览器，Internet Explorer，Firefox，Safari等。推荐使用谷歌浏览器。

段落

1.结构解读： 声明为 HTML5 文档 元素是 HTML 页面的根元素 元素包含了文档的元（meta）数据，如 定义网页编码格式为 utf-8。 元素描述了文档的标题 元素包含了可见的页面内容 元素定义一个大标题

元素定义一个段落 元素定义一个超链接 元素定义一个图片 2.备注： 只有中的内容才会在浏览器中显示。

1.HTML 标题 HTML 标题（Heading）是通过 - 标签来定义的。 定义最大的标题。定义最小的标题。 浏览器会自动地在标题的前后添加空行和换行。

代码编写：

显示效果：

2.HTML段落 HTML 段落是通过标签

这是一个段落。

这是另外一个段落。

效果显示:

这是一个段落。

这是另外一个段落。

3.HTML 水平线 标签在 HTML 页面中创建水平线。hr 元素可用于分隔内容。

代码编写：

这是一个段落。

这是一个段落。

效果显示：

这是一个段落。

这是一个段落。

4.HTML 注释 可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。

5.HTML 换行 如果您希望在不产生一个新段落的情况下进行换行（新行），请使用 标签

6.HTML 文本格式化标签

定义粗体文本定义着重文字定义斜体字定义小号字定义删除字定义下标字定义上标字定义计算机代码定义键盘码定义计算机代码样本

7.HTML 链接

链接可以从一张页面跳转到另一张页面。HTML使用标签 来设置超文本链接。超链接可以是一个字，一个词，也可以是一幅图像。您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。在标签中使用了href属性来描述链接的地址，target来设置页面打开方式。备注：默认情况下，链接将以以下形式出现在浏览器中： 未访问过的链接显示为蓝色字体并带有下划线。 访问过的链接显示为紫色并带有下划线。 点击链接时，链接显示为红色并带有下划线。 注意：如果为这些超链接设置了 CSS 样式，展示样式会根据 CSS 的设定而显示。 百度一下 target属性取值： _blank ：在新浏览器窗口中打开链接文件 _self ：在同一框架或窗口中打开所链接的文档。此参数为默认值，通常不用指定。

百度一下

8.HTML 图像

在 HTML 中，图像由标签定义。src 指 "source"。源属性的值是图像的 URL 地址。alt 属性用来为图像定义一串预备的可替换的文本。height（高度） 与 width（宽度）属性用于设置图像的高度与宽度。

9.HTML 列表

HTML 支持有序、无序和定义列表。无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。无序列表使用标签，列表项使用标签。有序列表也是一列项目，列表项目使用数字进行标记。 有序列表始于标签。每个列表项始于标签。自定义列表以标签开始。每个自定义列表项以开始。每个自定义列表项的定义以开始。通过type属性设置列表类型。 北京 天津 上海 重庆 山东 - 济南 - 青岛 山西 - 太原 - 大同

10.HTML 区块

大多数 HTML 元素被定义为块级元素或内联元素。块级元素在浏览器显示时，通常会以新行来开始（和结束）,

, , 。内联元素在显示时通常不会以新行开始。, , , 。HTML 元素是块级元素，它可用于组合其他 HTML 元素的容器。元素没有特定的含义。如果与 CSS 一同使用，元素可用于对大的内容块设置样式属性用途是文档布局。HTML 元素是内联元素，可用作文本的容器。元素也没有特定的含义。当与 CSS 一同使用时，元素可用于为部分文本设置样式属性。

11.HTML 表格 6. 表格由 标签来定义。每个表格均有若干行（由 标签定义），每行被分割为若干单元格（由 标签定义），表格的表头使用 标签进行定义。 7. 字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 8. border边框属性，用来设置表格的边框。 9. colspan="2"用来设置跨2列，rowspan="2"用来设置跨2行。

Header 1 Header 2 row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2

效果显示：

Header 1Header 2row 1, cell 1row 1, cell 2row 2, cell 1row 2, cell 2

11.HTML 颜色 10. HTML 颜色由红色、绿色、蓝色（RGB）混合而成。 11. 每种颜色的最小值是0（十六进制：#00）。最大值是255（十六进制：#FF）。 12. RGB取色：#000000黑色，#FFFFFF白色，#FF0000红色，#00FF00绿色，#0000FF蓝色，#FFFF00黄色，#00FFFF浅蓝色，#FF00FF紫色，#C0C0C0灰色。 13. HTML中颜色可以通过颜色名取值，可以通过RGB取值。

字体 字体 字体 字体 字体 字体 字体 字体 字体

字体 字体 字体 字体 字体 字体 字体 字体 字体 字体 字体

12.HTML 头标签

元素包含了所有的头部标签元素。在元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。可以添加在头部区域的元素标签为: , , , , , 和 。 标签定义了不同文档的标题。 标签描述了基本的链接地址/链接目标 标签定义了文档与外部资源之间的关系。 标签定义了HTML文档的样式文件引用地址，如：CSS。标签用于加载脚本文件，如： JavaScript。 标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。 文档标题

13.HTML 布局

HTML 布局 - 使用元素HTML 布局 - 使用元素 学习笔记 学习笔记 九、表单标签

HTML 表单主要用于收集不同类型的用户输入。用于向服务器传输数据。

1.HTML 表单

表单是一个包含表单元素的区域。表单使用表单标签 来设置。包含method属性用于设置提交方式，action属性指定表单请求的路径，name属性表单的名称，target属性指定action的Url在打开方式。表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 等元素。 input 元素

2.HTML 表单使用

多数情况下被用到的表单标签是输入标签（）输入类型是由类型属性（type）定义的,包含：text、password、radio、checkbox、submit、reset等类型。文本域通过标签来设定，当用户要在表单中键入字母、数字等内容时，就会用到文本域。密码字段通过标签来定义。当用户输入文字星号显示。单选框选项 标签定义了表单，同类型使用name属性限定。复选框选项标签. 用户需要从若干给定的选择中选取一个或若干选项。 7.提交按钮标签， 用于提交数据。下拉框标签设置。文本域标签设置。 用户名： 密码: 性别： Male Female 交通工具： I have a bike I have a car 下拉框： Volvo Saab Fiat Audi 文本域: 我是一个文本框。 十、HTML与CSS、JS的关系

HTML ： 页面显示 CSS ：控制样式 JS ：代码逻辑

1.HTML如何使用CSS

内联样式

段落

内部方式 h1 { color: brown } 标题 外部方式 a.先创建css文件 h2 { color: aqua; } b.html文件中引用 标题

2.HTML如何使用JS

内联样式 按钮 内部方法 //方法声明 function abc() { alert('1024 Hello World!') } //方法调用 按钮 外部方式 a.先定义JS文件 function demo() { alert("dasdasdasdasd"); } b.html文件中引用 按钮