目录
网站 （web site）是指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合。
网页（web page）是网站中的一“页”，通过超链接联系在一起，通常是HTML格式的文件，它要通过浏览器来阅读。其中进入网站看到的第一页又称为主页（homepage）。
网页是构成网站的基本元素，它通常由照片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以.htm或者.html后缀结尾的文件，因此俗称为HTML文件。
HTML指的是超文本标记语言（Hyper Text Markup Language），它是用来描述网页的一种语言。
HTML是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
HTML不是一种编程语言，而是一种标记语言（markup language）。
标记语言是一套标记标签（markup tag）。
超文本含义：
1.它可以加入图片、声音、动画、多媒体等内容（超越了文本限制）。
2.它还可以从一个文件跳转到另一个文件，与世界各地的主机的文件连接（超级链接文本）。
CSS是层叠样式表（Cascading Style Sheet）的简称，通常又称为CSS样式表或者级联样式表。
CSS也是一种标记语言，它是主要用来设置HTML页面中的文本内容（字体、大小、对齐方式等）、图形的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。
CSS让我们的网页更加丰富多彩，布局更加灵活自如，它可以美化HTML，让HTML更加漂亮，让页面布局更加简洁大方。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
CSS由两个主要的部分构成：选择器，以及一条或多条声明。
选择器通常是您需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成。属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值用冒号分开。
（1）一般定义在头文件里面
（2）需引入<style type="text/css"><style>
（3）样式的定义必须在style标签内
JavaScript是由布兰登·艾奇（Brendan Eich）在1995年仅仅利用10天完成设计的。它最早是用来做表单校验的，由网景公司（Netspace）创造，最初命名为LiveScript，后来在与Sun合作之后改名为JavaScript，ECMA（欧洲计算机工协会）制定标准。
JavaScript是世界上最流行的语言之一，是一种运行在客户端的脚本语言（Script是脚本的意思），现在也可以基于Node.js技术进行服务器端编程。
ps：脚本语言不需要编译，运行过程中由JS解释器（JS引擎）逐行来进行解释并执行
（1）表单动态校验（密码强度检测）——JS产生的最初目的
（2）网页特效
（3）服务端开发（Node.js)
（4）桌面程序（Electron）
（5）App（Cordova）
（6）控制硬件-物联网（Ruff）
（7）游戏开发（Cocos2d-js）
（1）ECMAScript（JavaScript语法）规定了JS的编程语法和基础核心知识是所有浏览器厂商共同遵守的一套JS语法工业标准。
（2）DOM（document object model 页面文档对象模型）是W3C组织推荐的处理可扩展标记语言的标准编程接口。
（3）BOM（browser object model 浏览器对象模型），它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
告知浏览器其自身是一个 HTML 文档。
body 元素定义文档的主体。body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。)
<head> 标签用于定义文档的头部，它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
<title> 元素可定义文档的标题。
<html>
<head>
<title>我的第一个 HTML 页面</title>
</head>
<body>
内容
</body>
</html>
<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6><p> 标签定义段落。
<p>这是段落。</p><br> 可插入一个简单的换行符。
<p>
To break<br />lines<br />in a<br />paragraph,<br />use the br tag.
</p>pre 元素可定义预格式化的文本。被包围在 pre 元素中的
文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
<span> 标签被用来组合文档中的行内元素。
<hr> 标签在 HTML 页面中创建一条水平线。
<html>
<body>
这是水平线
<hr />
</body>
</html>
<div> 可定义文档中的分区或节（division/section）。
<html>
<body>
<h3>This is a header</h3>
<p>This is a paragraph.</p>
<div style="color:#00FF00">
<h3>This is a header</h3>
<p>This is a paragraph.</p>
</div>
</body>
</html>
<a> 标签定义超链接，用于从一张页面链接到另一张页面。
<html>
<body>
<a href="https://www.csdn.net/">CSDN</a>
</body>
</html>img 元素向网页中嵌入一幅图像。
<html>
<body>
<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />
</body>
</html>
<li> 标签定义列表项目。
<ol> 标签定义有序列表。
<html>
<body>
<ol>
<li>咖啡</li>
<li>牛奶</li>
<li>茶</li>
</ol>
</body>
</html><ul> 标签定义无序列表。
<html>
<body>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
</body>
</html>
<table> 标签定义 HTML 表格。
<th>定义表格内的表头单元格。
<tr> 标签定义 HTML 表格中的行。
<td> 标签定义 HTML 表格中的标准单元格。
<html>
<body>
<table border="1">
<tr>
<td>周一</td>
<td>周二</td>
<td>周三</td>
<td>周四</td>
<td>周五</td>
</tr>
<tr>
<td>离散数学</td>
<td>英语</td>
<td>离散数学</td>
<td>算法与程序设计实践</td>
<td>英语</td>
</tr>
<tr>
<td>数字电路与数字逻辑</td>
<td>中文写作</td>
<td>高等数学</td>
<td>高等数学</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td>算法与程序设计实践</td>
<td> </td>
<td> </td>
<td>近现代史纲要</td>
</tr>
<tr>
<td> </td>
<td>近现代史纲要</td>
<td> </td>
<td>计算机新技术讲座</td>
<td>网页设计与开发</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td>面向对象程序设计</td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html><form> 标签用于为用户输入创建 HTML 表单
<input> 标签用于搜集用户信息。
常见属性: type, value, name.
<html>
<body>
<form action="/demo/demo_form.asp">
First name:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
select 元素可创建单选或多选菜单。option 元素定义下拉列表中的一个选项（一个条目）。
<html>
<body>
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</body>
</html><textarea> 标签定义多行的文本输入控件
<html>
<body>
<textarea cols="50" rows="10">
（不少于50字）
</textarea>
</body>
</html>