html学习 4_如何学好html4-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_50596664/article/details/118939728

本文详细介绍了HTML中的图像标签<img>的使用，包括src、alt、title等属性的应用，并强调了src属性的必要性。同时，讲解了图像路径的相对路径和绝对路径概念。此外，还阐述了超链接<a>标签的语法格式、属性作用以及链接的分类，如外部链接、内部链接等。最后提到了HTML中的注释和特殊字符的使用，注释用于提高代码可读性，特殊字符则用于替代难以直接使用的符号。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

4.6图像标签和路径(重点)

1.图像标签

在HTML标签中，<img> 标签用于定义HTML页面中的图像。

<img src-"图像URL" />

单词image的缩写,意为图像。

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

所谓属性:简单理解就是属于这个图像标答的特性。

图像标签的其他属性:

属性	属性值	说明
src	图片路径	必须属性
alt	文本	替换文本。图像不能显示的文字
title	文本	提示文本。鼠标放到图像上，显示的文字
width	像素	设置图像的宽度
height	像素	设置图像的高度
border	像素	设置图像的边框粗细

图像标签属性江意点:

①图像标签可以拥有多个属性,必须写在标签名的后面。

⑦属性之间不分先后顺序,标签名与属性、属性与属性之间均崆格分开。

③属性采取键值对的格式，即key= "value* 的格式，属性= "属性值”。

重点掌握点:

请说出图像标签哪个属性是必须要写的?

请说出图像标签中alt和title 属性区别?

2.路径

实际T作中,我们的文件不能随便乱放,否则用起来很难快速的找到他们,因此我们需要一个文件夹来管理他们。

目录文件夹:就是普通文件夹,里面职不过存放了我们做页面所需要的相关素材,比如html文件、图等.

(2) VSCode打开目录文件夹:

文----打开文件夹.选择目录文件夹.后期非常方便管理文件.

2.路径

页面中的图片会非常多，通常我们会新建一个文件夹来存放这些图像文件 ( images)，这时再查找图像,就需

要采用“路径”的方式来指定图像文件的位置。

路径可以分为:

1.相对路径

2.绝对路径

2.路径之相对路径

相对路径:以弓|用文件所在位置为参考基础,而建立出的目录路径。

这里简单来说,图片相对于HTML页面的位置

相对路径分类	符号	说明
同一级路径		图像文件位于HTML文件同一级如<img src="baidu.gif" 1>
下一级路径	/	图像文件位于HTML文件下一级如<img src="images/baidu.gif" 1>。
上一级路径	../	图像文件位于HTML文件上一级如<img src=”.baidu.gif‘1>.

相对路径是从代码所在的这个文件出发,去寻找目标文件的,而我们这里所说的上一级、下一级和同一级就是图片相对于HTML页面的位置。

4.7超链接标签(重点)

在HTML标签中, <a>标签用于定义超链接,作用是从一个页面链接到另-个页面。

1.链接的语法格式

2.链接的分类

1.链接的语法格式

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

单词anchor [' aenke(r)]的缩写,意为:锚。

两个属性的作用如下:

属性	作用
href	用于指定链接目标的url地址，(必须属性) 当为标签应用href属性时，它就具有了超链接的功能
target	用于指定链接页面的打开方式，其中self为默认值，_ blank为在新窗口中打开方式。