1、HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。
1.1HTML 的关键是标签，其作用是指示将出现的内容。
HTML 标题（Heading）是通过
-
标签来定义的.
HTML 段落是通过标签
来定义的.
HTML 链接是通过标签 来定义的.
HTML 图像是通过标签 来定义的.
1.2HTML 元素语法
- HTML 元素以开始标签起始
- HTML 元素以结束标签终止
- 元素的内容是开始标签与结束标签之间的内容
- 某些 HTML 元素具有空内容（empty content）
- 空元素在开始标签中进行关闭（以开始标签的结束而结束）
- 大多数 HTML 元素可拥有属性
1.3HTML 空元素
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。br 就是没有关闭标签的空元素（br标签定义换行）。
hr/就是水平线
1.4HTML 属性
下面列出了适用于大多数 HTML 元素的属性：
| 属性 | 描述 |
|---|
| class | 为html元素定义一个或多个类名（classname）(类名从样式文件引入) |
| id | 定义元素的唯一id |
| style | 规定元素的行内样式（inline style） |
| title | 描述了元素的额外信息 (作为工具条使用) |
HTML 文本格式化标签
| 标签 | 描述 |
|---|
| 定义粗体文本 |
| 定义着重文字 |
| 定义斜体字 |
| 定义小号字 |
| 定义加重语气 |
| 定义下标字 |
| 定义上标字 |
| 定义插入字 |
| 定义删除字 |
HTML “计算机输出” 标签
| 标签 | 描述 |
|---|
| 定义计算机代码 |
| 定义键盘码 |
| 定义计算机代码样本 |
| 定义变量 |
| 定义预格式文本 |
HTML 引文, 引用, 及标签定义
| 标签 | 描述 |
|---|
| 定义缩写 |
| 定义地址 |
| 定义文字方向 |
|
| 定义长的引用 |
| 定义短的引用语 |
| 定义引用、引证 |
| 定义一个定义项目。 |
链接的 HTML 代码很简单。它类似这样：
<a href="url">链接文本</a>
href 属性描述了链接的目标。
id属性可用于创建在一个HTML文档书签标记。
使用 target 属性，你可以定义被链接的文档在何处显示。
提示: 书签是不以任何特殊的方式显示，在HTML文档中是不显示的，所以对于读者来说是隐藏的。
注意：如果为这些超链接设置了 CSS 样式，展示样式会根据 CSS 的设定而显示。
1.5HTML 元素
元素包含了所有的头部标签元素。在 元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。
可以添加在头部区域的元素标签为:
标签定义了不同文档的标题。
在 HTML/XHTML 文档中是必须的。
元素:
- 定义了浏览器工具栏的标题
- 当网页添加到收藏夹时，显示在收藏夹中的标题
- 显示在搜索引擎结果页面的标题
以上实例中代码 element.src.match(“bulbon”) 的作用意思是：检索里面 src 属性的值有没有包含bulbon这个字符串，如果存在字符串 bulbon，图片 src更新为bulboff.gif，若匹配不到bulbon 字符串，src 则更新为 bulbon.gif
HTML 中的脚本必须位于 标签之间。
脚本可被放置在 HTML 页面的 和 部分中。
如需在 HTML 页面中插入 JavaScript，请使用
会告诉 JavaScript 在何处开始和结束。 之间的代码行包含了 JavaScript:
也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。
外部 JavaScript 文件的文件扩展名是 .js。
如需使用外部文件，请在
3.1、JavaScript 可以通过不同的方式来输出数据：
- 使用 window.alert() 弹出警告框。
- 使用 document.write() 方法将内容写到 HTML 文档中。
- 使用 innerHTML 写入到 HTML 元素。
- 使用 console.log() 写入到浏览器的控制台。
如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。请使用 “id” 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容：
3.2JavaScript 字面量
在编程语言中，一般固定值称为字面量，如 3.14。
数字（Number）字面量 可以是整数或者是小数，或者是科学计数(e)。
字符串（String）字面量 可以使用单引号或双引号:
表达式字面量 用于计算：
数组（Array）字面量 定义一个数组：
对象（Object）字面量 定义一个对象：
函数（Function）字面量 定义一个函数：
JavaScript 使用关键字 var 来定义变量， 使用等号来为变量赋值：
| 类型 | 实例 | 描述 |
|---|
| 赋值，算术和位运算符 | = + - * / | 在 JS 运算符中描述 |
| 条件，比较及逻辑运算符 | == != < > | 在 JS 比较运算符中描述 |
var length = 16; // Number 通过数字字面量赋值
var points = x * 10; // Number 通过表达式字面量赋值
var lastName = “Johnson”; // String 通过字符串字面量赋值
var cars = [“Saab”, “Volvo”, “BMW”]; // Array 通过数组字面量赋值
var person = {firstName:“John”, lastName:“Doe”}; // Object 通过对象字面量赋值
在计算机程序中，经常会声明无值的变量。未使用值来声明的变量，其值实际上是 undefined。
值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。
引用数据类型：对象(Object)、数组(Array)、函数(Function)。
3.3、创建新的 HTML 元素 (节点) - appendChild()
要创建新的 HTML 元素 (节点)需要先创建一个元素，然后在已存在的元素中添加它。
如果我们需要将新元素添加到开始位置，可以使用 insertBefore() 方法:
我们可以使用 replaceChild() 方法来替换 HTML DOM 中的元素。
在我们的 JavaScript 教程的 HTML DOM 部分
- 如何改变 HTML 元素的内容 (innerHTML)
- 如何改变 HTML 元素的样式 (CSS)
- 如何对 HTML DOM 事件作出反应
- 如何添加或删除 HTML 元素
getElementsByTagName() 方法返回 HTMLCollection 对象。
HTMLCollection 对象类似包含 HTML 元素的一个数组。对象的 length 属性定义了集合中元素的数量。
HTMLCollection 是 HTML 元素的集合。
NodeList 是一个文档节点的集合。
NodeList 与 HTMLCollection 有很多类似的地方。
NodeList 与 HTMLCollection 都与数组对象有点类似，可以使用索引 (0, 1, 2, 3, 4, …) 来获取元素。
NodeList 与 HTMLCollection 都有 length 属性。
HTMLCollection 元素可以通过 name，id 或索引来获取。
NodeList 只能通过索引来获取。
只有 NodeList 对象有包含属性节点和文本节点。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
