一、什么是URL
HTML 统一资源定位器(Uniform Resource Locators)。URL 是一个网页地址。
URL可以由字母组成，如"baidu.com"，或互联网协议（IP）地址： 192.68.12.12。大多数人进入网站使用网站域名来访问，因为 名字比数字更容易记住。Web浏览器通过URL从Web服务器请求页面。
当您点击 HTML 页面中的某个链接时，对应的 <a> 标签指向万维网上的一个地址。
一个统一资源定位器(URL) 用于定位万维网上的文档。
scheme://host.domain:port/path/filename
说明:
scheme - 定义因特网服务的类型。最常见的类型是 http
host - 定义域主机（http 的默认主机是 www）
domain - 定义因特网域名，比如 baidu.com
:port - 定义主机上的端口号（http 的默认端口号是 80）
path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。
filename - 定义文档/资源的名称
常见的 URL Scheme
以下是一些URL scheme：
Scheme 访问 用于... http 超文本传输协议 以 http:// 开头的普通网页。不加密。 https 安全超文本传输协议 安全网页，加密所有信息交换。 ftp 文件传输协议 用于将文件下载或上传至网站。 file 您计算机上的文件。
二、URL 字符编码
URL 只能使用 ASCII 字符集.
来通过因特网进行发送。由于 URL 常常会包含 ASCII 集合之外的字符，URL 必须转换为有效的 ASCII 格式。
URL 编码使用 “%” 其后跟随两位的十六进制数来替换非 ASCII 字符。
URL 不能包含空格。URL 编码通常使用 + 来替换空格。
URL 编码实例
字符 URL 编码
€ %80
£ %A3
© %A9
® %AE
À %C0
Á %C1
 %C2
à %C3
Ä %C4
Å %C5
如有需要，现查。
三、制作一个网址簿
<!DOCTYPE html> <html lang="zh-cn"> <head> <title>编程笔记 html5&css&js HTML链接</title> <meta charset="utf-8" /> <style> /* 选择你喜欢的颜色吧 */ body { color: cyan; background-color: teal; margin-top: 20px; margin-bottom: 20px; margin-left: 150px; margin-right: 150px; } </style> </head> <body> <div align="center"> <h1 align="center">这是我给大家推荐的网址，欢迎参考</h1> <table border="1"> <tbody style="font-size: 30"> <tr> <th>序号</th> <th> <br /> 名称 <br /> <br /> </th> <th>网址</th> <th>描述</th> <th>备注</th> </tr> <tr> <td>001</td> <td>这是我自己的博客</td> <td> <a href="https://yss5678.blog.csdn.net/"> https://yss5678.blog.csdn.net/ </a> </td> <td> 程序员，教师。全栈软件开发；关注html&css&js、golang、 <br /> python、c++、vb.net、c#等编程语言及相关技术； <br /> 青少年成长管理。经济学学士(审计学)、理学硕士(计算机)。 <br /> 30年软件开发，16年高校教师。 </td> <td>少年，有你所要</td> </tr> <tr> <td>002</td> <td>CSDN</td> <td> <a href="https://www.csdn.net/"> https://www.csdn.net/ </a> </td> <td>国内最大的程序员社区</td> <td>社区、博客</td> </tr> <tr> <td>003</td> <td>通义千问CSDN</td> <td> <a href="https://tongyi.aliyun.com/qianwen/"> https://tongyi.aliyun.com/qianwen/ </a> </td> <td> 我能理解人类语言、生成内容，是你生活和工作的智能助手。 </td> <td>人工智能平台</td> </tr> <tr> <td>004</td> <td>w3school</td> <td> <a href="https://www.w3school.com.cn/"> https://www.w3school.com.cn/ </a> </td> <td> 领先的 Web 技术教程 - 全部免费 <br /> 在W3School，你可以找到你所需要的所有的网站建设教程。 <br /> 从基础的 HTML 到 CSS，乃至进阶的 XML、SQL、JS、PHP 和 ASP.NET。 <br /> </td> <td>教程</td> </tr> <tr> <td>005</td> <td>CSDN</td> <td> <a href="https://www.runoob.com/"> https://www.runoob.com/ </a> </td> <td>这里什么教程都有</td> <td>教程</td> </tr> <tr> <td>006</td> <td>黑马程序员CSDN</td> <td> <a href="https://yun.itheima.com/"> https://yun.itheima.com/ </a> </td> <td>程序员培训公司，有收费课程和免费课程</td> <td>培训</td> </tr> <tr> <td>007</td> <td>尚硅谷</td> <td> <a href="https://www.gulixueyuan.com/"> https://www.gulixueyuan.com/ </a> </td> <td>尚硅谷旗下线上培训平台</td> <td>优质</td> </tr> <tr> <td>008</td> <td>中国大学MOOC</td> <td> <a href="https://www.icourse163.org/"> https://www.icourse163.org/ </a> </td> <td>没说小孩不能看</td> <td>优质</td> </tr> <tr> <td>009</td> <td>站长之家</td> <td> <a href="https://www.chinaz.com/"> https://www.chinaz.com/ </a> </td> <td>我们致力于为创业者提供动力</td> <td></td> </tr> <tr> <td>010</td> <td>bilibili</td> <td> <a href="https://www.bilibili.com/"> https://www.bilibili.com/ </a> </td> <td>这可是个好地方啊</td> <td>优质</td> </tr> <tr> <td>011</td> <td>网易有道</td> <td> <a href="https://dict.youdao.com/"> https://dict.youdao.com/ </a> </td> <td>词典及翻译</td> <td>优质</td> </tr> <tr> <td>012</td> <td>Go网址导航</td> <td> <a href="https://hao.studygolang.com/"> https://hao.studygolang.com/ </a> </td> <td>Go网址导航</td> <td>优质</td> </tr> <tr> <td>013</td> <td>github</td> <td> <a href="https://github.com/"> https://github.com/ </a> </td> <td></td> <td></td> </tr> <tr> <td>014</td> <td>python官网</td> <td> <a href="https://www.python.org/"> https://www.python.org/ </a> </td> <td></td> <td></td> </tr> <tr> <td>015</td> <td>jetbrains官网</td> <td> <a href="https://www.jetbrains.com.cn/"> https://www.jetbrains.com.cn/ </a> </td> <td></td> <td></td> </tr> <tr> <td>016</td> <td>极客教程</td> <td> <a href="https://geek-docs.com/"> https://geek-docs.com/ </a> </td> <td></td> <td>教程</td> </tr> <tr> <td>017</td> <td>微软</td> <td> <a href="https://www.microsoft.com/zh-cn/"> https://www.microsoft.com/zh-cn/ </a> </td> <td></td> <td></td> </tr> <tr> <td>018</td> <td>postgresql官网</td> <td> <a href="https://www.postgresql.org/"> https://www.postgresql.org/ </a> </td> <td></td> <td></td> </tr> </tbody> </table> <br /> <br /> </div> </body> </html>
小结
逐渐把前面所学综合起来，制作一些有实际意义的网页。
