脚本、字符实体、统一资源定位器、URL速查列表-CSDN博客

本文链接：https://blog.csdn.net/qq_48501521/article/details/141965992

22.HTML脚本

   JavaScript 使 HTML 页面具有更强的动态和交互性
   实例：

 <!DOCTYPE html>
    <html>
    <head> 
    <meta charset="utf-8"> 
    <title>title</title> 
    </head>
    <body>
    
    <script>
    document.write("Hello World!")
    </script> 
    
    </body>
    </html>

22.2 HTML<noscript> 标签

22.3 JavaScript体验(来自本站javascript教程)

       JavaScript实例代码:

       JavaScript可以直接在HTML输出:
       document.write("<p>这是一个段落。</p>");

       JavaScript事件响应:
       <p id="demo">JavaScript 可以触发事件，就像按钮点击。</p>

       <script>
       function myFunction()
       {
           document.getElementById("demo").innerHTML="Hello JavaScript!";
       }
       </script>

       <button type="button" οnclick="myFunction()">点我</button>

       JavaScript处理 HTML 样式:
       <h1>我的第一段 JavaScript</h1>
       <p id="demo">
       JavaScript 能改变 HTML 元素的样式。
       </p>
       <script>
       function myFunction()
       {
           x=document.getElementById("demo") // 找到元素
           x.style.color="#ff0000"; // 改变样式
       }
       </script>
       <button type="button" οnclick="myFunction()">点击这里</button>

23.HTML字符实体

HTML 中的预留字符必须被替换为字符实体。

一些在键盘上找不到的字符也可以使用字符实体来替换。

23.1 HTML实体

       在 HTML 中，某些字符是预留的。

       在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。

       如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。字符实体类似这样：

       &entity_name;
       或

       &#entity_number;
       如需显示小于号，我们必须这样写：< 或 < 或 <

       Remark提示：使用实体名而不是数字的好处是，名称易于记忆。不过坏处是，浏览器也许并不支持所有实体名称（对实体数字的支持却很好）。

23.2 不间断空格(Non-breaking Space)

       HTML 中的常用字符实体是不间断空格( )。

       浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格，在显示该页面之前，浏览器会删除它们中的 9 个。如需在页面中增加空格的数量，您需要使用   字符实体。

23.3 结合音标符

       发音符号是加到字母上的一个"glyph(字形)"。

       一些变音符号, 如尖音符 ( ̀) 和抑音符 ( ́) 。

       变音符号可以出现字母的上面和下面，或者字母里面，或者两个字母间。

       变音符号可以与字母、数字字符的组合来使用。

23.4 HTML字符实体

       实体名称对大小写敏感！
       显示结果   描述   实体名称   实体编号
           空格        
       <   小于号   <   <
       >   大于号   >   >
       &   和号   &   &
       "   引号   "   "
       '   撇号    ' (IE不支持)   '
       ￠   分   ¢   ¢
       £   镑   £   £
       ¥   人民币/日元   ¥   ¥
       €   欧元   €   €
       §   小节   §   §
       ©   版权   ©   ©
       ®   注册商标   ®   ®
       ™   商标   ™   ™
       ×   乘号   ×   ×
       ÷   除号   ÷   ÷
       虽然 html 不区分大小写，但实体字符对大小写敏感。
       完整HTML实体参考：https://www.runoob.com/tags/ref-entities.html

24.HTML 统一资源定位器(Uniform Resource Locators)

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

24.1 URL - 统一资源定位器

       Web浏览器通过URL从Web服务器请求页面。

       当点击 HTML 页面中的某个链接时，对应的 <a> 标签指向万维网上的一个地址。

       一个统一资源定位器(URL) 用于定位万维网上的文档。

       一个网页地址实例: http://www.runoob.com/html/html-tutorial.html 语法规则:

       scheme://host.domain:port/path/filename
       说明:

       scheme - 定义因特网服务的类型。最常见的类型是 http
       host - 定义域主机（http 的默认主机是 www）
       domain - 定义因特网域名，比如 runoob.com
       :port - 定义主机上的端口号（http 的默认端口号是 80）
       path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。
       filename - 定义文档/资源的名称

24.2 常见的 URL Scheme

       http   超文本传输协议   以 http:// 开头的普通网页。不加密。
       https   安全超文本传输协议   安全网页，加密所有信息交换。
       ftp   文件传输协议   用于将文件下载或上传至网站。
       file      您计算机上的文件。

24.3 URL 字符编码

       URL 只能使用 ASCII 字符集.

       来通过因特网进行发送。由于 URL 常常会包含 ASCII 集合之外的字符，URL 必须转换为有效的 ASCII 格式。

       URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。

       URL 不能包含空格。URL 编码通常使用 + 来替换空格。

25.URL速查列表

HTML 速查列表. 你可以打印它，以备日常使用。

25.2 HTML 基本文档

       <!DOCTYPE html>
       <html>
           <head>
               <title>文档标题</title>
           </head>
           <body>
               可见文本...
           </body>
       </html>

25.4 文本格式化（Formatting）

       <b>粗体文本</b>
       <code>计算机代码</code>
       <em>强调文本</em>
       <i>斜体文本</i>
       <kbd>键盘输入</kbd>
       <pre>预格式化文本</pre>
       <small>更小的文本</small>
       <strong>重要的文本</strong>
       <abbr> （缩写）
       <address> （联系信息）
       <bdo> （文字方向）
       <blockquote> （从另一个源引用的部分）
       <cite> （工作的名称）
       <del> （删除的文本）
       <ins> （插入的文本）
       <sub> （下标文本）
       <sup> （上标文本）

25.5 链接（Links）

       普通的链接：<a href="http://www.example.com/">链接文本</a>
       图像链接： <a href="http://www.example.com/"><img src="URL" alt="替换文本"></a>
       邮件链接： <a href="mailto:webmaster@example.com">发送e-mail</a>