了解SRC和HREF属性
在网页开发过程中，我们经常会遇到SRC和HREF这两个属性，它们分别用于引用外部文件和指向网页内的锚点。下面我们来详细了解一下这两个属性的用法和区别。
1. SRC属性
在HTML中，SRC（source）属性通常用于在当前标签下引用外部资源，比如图片、音频、视频和脚本等。该属性通常出现在<img>、<audio>、<video>和<script>标签上。
下面是一个简单的例子，将漂亮的国外风景图片引入HTML文档：
<img src="pictures/scenery.jpg" alt="美丽的风景">在上面的代码中，SRC属性指定了图片文件的路径，由于路径是相对路径，因此我们必须将图片文件放在与HTML文件相同的目录下。
此外，在实际开发中，我们通常不使用绝对路径来引用资源文件，而是使用网站根目录下的相对路径，例如：
<img src="/pictures/scenery.jpg" alt="美丽的风景">在上面的代码中，我们使用了以“/”开头的相对路径，它们指向网站的根目录。
在使用SRC属性时，<img>标签还提供了width和height属性，用于设置图像的宽度和高度。这两个属性用于告诉浏览器将来要显示的图像的实际大小，以便浏览器可以更好地规划页面和布局。
<img src="pictures/scenery.jpg" alt="美丽的风景" width="600" height="400">当然，我们也可以通过CSS样式来控制图片的大小和布局。
2. HREF属性
HREF（Hypertext Reference）属性与SRC属性类似，它通常用于指定链接目标的地址。该属性出现在<a>、<link>和<area>标签中，用于定义锚点、文档间跳转、样式表文件引入、图像地图区域的定义等等。
下面是一个简单的例子，使用<a>标签创建一个指向百度搜索引擎的超链接：
<a href="https://www.baidu.com/">去百度搜索></a>在上面的代码中，我们采用了绝对路径来指定链接目标的地址。
HREF属性还可以用于创建内部跳转链接，例如：
<a href="#section2">跳转到第二部分</a>
...
<h2 id="section2">第二部分</h2>
标签。当用户点击链接时，浏览器会自动滚动页面直至该锚点所在的位置。
小结
在本文中，我们了解了SRC和HREF这两个重要的HTML属性。它们分别用于指定外部文件的引用和内部文件的跳转，对于网页开发来说，它们是不可或缺的一部分。