HTML中的高频重点词汇：掌握难点，优化阅读

HTML（超文本标记语言）是网页制作的基础语言。它由各种标签组成，用以定义网页结构，如标题、段落、链接等。

    在 HTML 中，src 和 href 都是非常重要的属性。src 属性用于指向外部资源，如图片、视频、脚本等。而 href 属性则用于创建超链接，指向其他网页或资源。

    1. **src 属性** 

    src 属性用于指定网页中某个元素的来源。该属性可以指向图片、视频、脚本等外部资源。例如，如果要在一张图片中显示 src 的用法，可以这样写：

    ```html
    <img src="image.jpg" alt="Image">
    ```

    在这个例子中，src 属性指向了一个名为 "image.jpg" 的图像文件。当浏览器加载网页时，它会从指定的位置加载图像并将其显示在网页中。

    2. **href 属性** 

    href 属性用于创建超链接。当用户点击超链接时，浏览器会加载并显示链接指向的网页或资源。例如，如果要创建一个指向另一个网页的链接，可以这样写：

    ```html
    <a href="http://www.example.com">Example Website</a>
    ```

    在这个例子中，href 属性指向了一个名为 "http://www.example.com" 的网页。当用户点击这个链接时，浏览器会加载并显示这个网页。

    3. **src 和 href 的区别** 

    src 和 href 虽然都有指向外部资源的功能，但它们之间还是存在一些区别的。

    * src 属性用于指向静态资源，如图片、视频、脚本等。而 href 属性用于创建超链接，指向其他网页或资源。
    * src 属性的作用范围只限于当前网页，而 href 属性的作用范围可以扩展到其他网页或资源。

    4. **掌握 src 和 href 的用法** 

    src 和 href 是 HTML 中非常重要的属性。掌握它们的用法对网页设计师来说非常重要。通过正确使用 src 和 href 属性，可以创建结构良好的网页，为用户提供优越的体验。

    以下是一些使用 src 和 href 的技巧：

    * 在使用 src 属性时，请确保指向的资源是有效的。否则，浏览器将无法加载资源，网页也会出现错误。
    * 在使用 href 属性时，请确保指向的网页或资源是存在的。否则，用户点击链接时，浏览器将无法加载页面，用户也会遇到错误。
    * 在使用 src 和 href 属性时，请注意使用相对路径或绝对路径。相对路径是指相对于当前网页的路径，而绝对路径是指相对于网站根目录的路径。使用相对路径可以减少网页的大小，提高加载速度。
    * 在使用 src 和 href 属性时，请注意添加 alt 属性。alt 属性用于在资源无法加载时显示的替代文字。这有助于提高网页的可访问性。

    通过掌握 src 和 href 的用法，您可以创建结构良好的网页，为用户提供优越的体验。