Web前端入门（四）HTML常用标签-2

总目录

1.图像标签

<img src="123.jpg" alt="123" title="123" />

• src是<img>标签的必须属性，它用于指定图像文件的路径和文件

属性	属性值	说明
src	图片路径	必须属性
alt	文本	替换文本（当图片不能显示时候显示的文字）
title	文本	提示文本（鼠标放到图像上，显示的文字）
width	宽度（单位为像素）	设置图像的宽度
height	高度（单位为像素）	设置图像的高度

注：XHTML中高度与宽度不支持类似于页面%的形式

2.超链接标签

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

属性	作用
href	用于指定链接目标的url地址。必要属性
target	用于指定连接页面的打开方式。_self为默认值，_blank为在新窗口中打开

• 如果 href 里面地址是一个文件或者压缩包，浏览器会下载这个文件

注意：

1. 外部链接 需要添加超文本传输协议，类似于http://或https://。
2. 内部链接 直接链接内部页面名称即可 比如 < a href=“index.html”> < /a>
3. 如果当时没有确定链接目标时，通常将链接标签的href属性值定义为“#”(即href=“#”)，表示该链接暂时为一个空链接。
4. 不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。

3.src 和 href 的区别

一句话概括:src 是引入资源的 href 是跳转url的

1. src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。
2. src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。
3. href是Hypertext Reference的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接。

4.锚点链接

作用：点击链接，可以快速定位到页面中的某个位置

• 在链接文本的href属性中，设置属性值为 #id
• 找到目标位置标签，里面添加一个 id

<!--在此处点击a标签相应位置即可跳转到标题标签-->
<a href="#two"></a>
<h3 id="two"></h3>

5.注释

• 注释快捷键为 ctrl + /
• 注释以 <!-- 开始，以--> 结束

<!--  注释语句	-->

• 一般团队公约：注释内容前后各一个空格字符，注释位于要注释代码的上面，单独占一行