2020.02.23更新——
为了完美适应CSS3，可能得重学一遍HTML5 ！
——————————————————————————————————

HTML 样式- CSS

CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式！

本例演示如何使用添加到 head部分的样式信息对 HTML 进行格式化。
打开
如何使用 style 属性制作一个没有下划线的链接：打开
链接到一个外部样式表

<!DOCTYPE html>
<html>
	
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<link rel="stylesheet" type="text/css" href="styles.css">
</head>

<body>
<h1>我使用了外部样式文件来格式化文本 </h1>
<p>我也是!</p>
</body>

</html>

显示结果————
Alt
4. CSS 可以通过以下方式添加到HTML中:
①内联样式- 在HTML元素中使用"style" 属性
学习这个链接
②内部样式表 -在HTML文档头部head区域使用style元素来包含CSS
③外部引用 - 使用外部 CSS 文件【the BEST way！】

HTML 图像

先转两个实例：
①本例演示如何在网页中显示图像——打开
②如何将其他文件夹或服务器的图片显示到网页中——打开

图像标签img & 源属性src
①img是空标签，它只包含属性，并且没有闭合标签。
②要在页面上显示图像，你需要使用源属性（src）。src 指 “source”。源属性的值是图像的 URL 地址。
定义图像的语法——（URL 指存储图像的位置）

<img src="url" alt="some_text">

url例子：如果名为 “pulpit.jpg” 的图像位于 www.runoob.com 的 images 目录中，那么其 URL 为 http://www.runoob.com/images/pulpit.jpg

alt: alt属性用来为图像定义一串预备的可替换的文本,由用户自己定，例如

<img src="boat.gif" alt="Big Boat">

alt的作用是——在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。

height（高度）与 width（宽度）属性用于设置图像的高度与宽度
默认单位为像素。

<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">

提示:
指定图像的高度和宽度是一个很好的习惯。如果图像指定了高度宽度，页面加载时就会保留指定的尺寸。如果没有指定图片的大小，加载页面时有可能会破坏HTML页面的整体布局。

创建图像映射（map，area）
本例显示如何创建带有可供点击区域的图像地图。其中的每个区域都是一个超级链接。

HTML 脚本

JavaScript 使 HTML 页面具有更强的动态和交互性。
script标签用于定义客户端脚本，比如 JavaScript。
script元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。
JavaScript 最常用于图片操作、表单验证以及内容动态更新。

noscript 标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。注意：只有在浏览器不支持脚本或者禁用脚本时，才会显示 noscript 元素中的内容！

<noscript>抱歉，你的浏览器不支持 JavaScript!</noscript>

HTML 统一资源定位器(URL)

Uniform Resource Locators ！是一个网页地址。
URL可以由字母组成，如"runoob.com"，或互联网协议（IP）地址： 192.68.20.50。大多数人进入网站使用网站域名来访问，因为名字比数字更容易记住。
在这里插入图片描述

其它（回菜鸟教程速查即可）

以下的直接扒菜鸟教程review，难度低但很文科：

表格table

列表（有序、无序和定义列表）

区块&内联元素（区分：是否以新行来展示）

div 和 span

网页布局

HTML 布局 - 有用的提示
Tip: 使用 CSS 最大的好处是，如果把 CSS 代码存放到外部样式表中，那么站点会更易于维护。通过编辑单一的文件，就可以改变所有页面的布局。如需学习更多有关 CSS 的知识，请访问我们的CSS 教程。
Tip: 由于创建高级的布局非常耗时，使用模板是一个快速的选项。通过搜索引擎可以找到很多免费的网站模板（您可以使用这些预先构建好的网站布局，并优化它们）。

HTML 表单和输入（密码什么的；输入；选择题）

HTML框架 - 在一个网页中嵌套一小块另一个网页

字符实体（不能直接打“<”时怎么办）