HTML笔记（三）
- HTML 框架
- HTML 颜色
- HTML 脚本
- HTML 字符实体
- HTML URL
- HTML 总结
HTML 框架
通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面，如：
<iframe src=”https://space.bilibili.com/167431968" width=”600” height=”400” ></iframe>
1. iframe - 设置高度与宽度
height 和 width 属性用来定义iframe标签的高度与宽度。
属性默认以像素为单位, 但是你可以指定其按比例显示 (如：”80%”)。
<iframe loading=”lazy” src=”https://lamber1123.github.io/" width=”200” height=”200” ></iframe>
其中 loading=”lazy” 代表允许延迟加载，避免不必要的流量浪费。
2. iframe - 移除边框
frameborder 属性用于定义iframe表示是否显示边框。
设置属性值为 “0” 移除iframe的边框:
<iframe src=”https://lamber1123.github.io/" frameborder=”0”></iframe>
3. 使用 iframe 来显示目标链接页面
iframe 可以显示一个目标链接的页面
目标链接的属性必须使用 iframe 的属性，如下实例:
<iframe src=”” name=”iframe_a”></iframe>
<p><a href=”https://lamber1123.github.io/" target=”iframe_a” rel=”noopener”>LAMBER的博客</a></p>
颜色
HTML 颜色名
目前所有浏览器都支持以下颜色名。
141个颜色名称是在HTML和CSS颜色规范定义的（17标准颜色，再加124非标准颜色）。
17标准颜色指的是：黑色，蓝色，水，紫红色，灰色，绿色，石灰，栗色，海军，橄榄，橙，紫，红，白，银，蓝绿色，黄色。
查看所有颜色名：https://www.w3school.com.cn/tags/html_ref_colornames.asp
HTML 颜色值
HTML 颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。
每种颜色的最小值是0（十六进制：#00），最大值是255（十六进制：#FF）。
查看更多颜色信息：https://encycolorpedia.cn/00cdff
HTML HTML 脚本
JavaScript 使 HTML 页面具有更强的动态和交互性。
1. HTML <script> 标签
<script> 标签用于定义客户端脚本，比如 JavaScript。
<script> 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。
JavaScript 最常用于图片操作、表单验证以及内容动态更新。
<script>
document.write(“Hello World!”);
</script>
2. HTML <noscript> 标签
<noscript> 标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。
<noscript>元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。
只有在浏览器不支持脚本或者禁用脚本时，才会显示 <noscript> 元素中的内容：
<script>
document.write(“Hello World!”)
</script>
<noscript>抱歉，你的浏览器不支持 JavaScript!</noscript>
HTML 字符实体
HTML 中的预留字符必须被替换为字符实体。
一些在键盘上找不到的字符也可以使用字符实体来替换。
1. HTML 实体
在 HTML 中，某些字符是预留的。
在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。
如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体。
如需显示小于号，我们必须这样写：< 或 < 或 <
2. 不间断空格
HTML 中的常用字符实体是不间断空格( )。
浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格，在显示该页面之前，浏览器会删除它们中的 9 个。如需在页面中增加空格的数量，需要使用 字符实体。
3. HTML字符实体
实体名称对大小写敏感。
| 显示结果 | 描述 | 实体名称 | 实体编号 |
|---|---|---|---|
| 空格 | |   | |
| < | 小于号 | < | < |
| > | 大于号 | > | > |
| & | 和号 | & | & |
| " | 引号 | " | " |
| ' | 撇号 | ' | (IE不支持) |
| \￠ | 分 | ¢ | ¢ |
| \£ | 镑 | £ | £ |
| \¥ | 人民币/日元 | ¥ | ¥ |
| \€ | 欧元 | € | € |
| \§ | 小节 | § | § |
| \© | 版权 | © | © |
| \® | 注册商标 | ® | ® |
| \™ | 商标 | ™ | ™ |
| \× | 乘号 | × | × |
| \÷ | 除号 | ÷ | ÷ |
HTML URL
URL 是一个网页地址。
URL可以由字母组成，如”runoob.com”，或互联网协议（IP）地址： 192.68.20.50。大多数人进入网站使用网站域名来访问，因为 名字比数字更容易记住。
1. URL - 统一资源定位器
Web浏览器通过URL从Web服务器请求页面。
当您点击 HTML 页面中的某个链接时，对应的 <a> 标签指向万维网上的一个地址。
一个统一资源定位器(URL) 用于定位万维网上的文档。
URL 只能使用 ASCII 字符集。
一个网页地址语法规则:
scheme://host.domain:port/path/filename
- scheme - 定义因特网服务的类型。最常见的类型是 http
- host - 定义域主机（http 的默认主机是 www）
- domain - 定义因特网域名，比如 runoob.com
- :port - 定义主机上的端口号（http 的默认端口号是 80）
- path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。
- filename - 定义文档/资源的名称
2. 常见的 URL Scheme
以下是一些URL scheme：
| Scheme | 访问 | 用途 |
|---|---|---|
| http | 超文本传输协议 | 以 http:// 开头的普通网页。不加密。 |
| https | 安全超文本传输协议 | 安全网页，加密所有信息交换。 |
| ftp | 文件传输协议 | 用于将文件下载或上传至网站。 |
| file | 您计算机上的文件。 |
总结
以上教程已教你如何使用 HTML 制作页面。
HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。
HTML 的关键是标签，其作用是指示将出现的内容。
那么学完HTML，接下来该学习什么呢？
1. 学习 CSS
CSS被用来同时控制多重网页的样式和布局。
通过使用 CSS，所有的格式化均可从 HTML 中剥离出来，并存储于一个独立的文件中。
如需学习如何创建样式表，请访问我们的 CSS 教程 。
2. 站点服务器
在自己的服务器上托管网站始终是一个选项。有几点需要考虑：
硬件支出
如果要运行”真正”的网站，您不得不购买强大的服务器硬件。不要指望低价的 PC 能够应付这些工作。您还需要稳定的（一天 24 小时）高速连接。
软件支出
请记住，服务器授权通常比客户端授权更昂贵。同时请注意，服务器授权也许有用户数量限制。
人工费
不要指望低廉的人工费用。您必须安装自己的硬件和软件。您同时要处理漏洞和病毒，以确保您的服务器时刻正常地运行于一个”任何事都可能发生”的环境中。
3. 使用因特网服务提供商（ISP）
从 ISP 租用服务器也很常见。
大多数小公司会把网站存放到由 ISP 提供的服务器上。其优势有以下几点：
连接速度
大多数 ISP 都拥有连接因特网的高速连接。
强大的硬件
ISP 的 web 服务器通常强大到能够由若干网站分享资源。您还要看一下 ISP 是否提供高效的负载平衡，以及必要的备份服务器。
安全性和可靠性
ISP 是网站托管方面的专家。他们应该提供 99% 以上的在线时间，最新的软件补丁，以及最好的病毒防护。
4. 选择 ISP 时的注意事项
24 小时支持
确保 ISP 提供 24 小时支持。不要使自己置于无法解决严重问题的尴尬境地，同时还必须等待第二个工作日。如果您不希望支付长途电话费，那么免费电话服务也是必要的。
每日备份
确保 ISP 会执行每日备份的例行工作，否则您有可能损失有价值的数据。
流量
研究一下 ISP 的流量限制。如果出现由于网站受欢迎而激增的不可预期的访问量，那么您要确保不会因此支付额外费用。
带宽或内容限制
研究一下 ISP 的带宽和内容限制。如果您计划发布图片或播出视频或音频，请确保您有此权限。
E-mail 功能
请确保 ISP 支持您需要的 e-mail 功能。
数据库访问
如果您计划使用网站数据库中的数据，那么请确保您的 ISP 支持您需要的数据库访问。
在您选取一家 ISP 之前，请务必阅读菜鸟教程的 Web 主机教程。