单词image的缩写,意为图像。img的属性:src是标签的必须属性(属于该标签的一种特性),它用于指定图像文件的路径和文件名。alt是替换文本,图像显示不出来的时候用文字进行">

前端html基础:标签(二)

头顶一只喵喵 2024-07-28 17:33:01 阅读 76

6.图像标签<img/>

<img src="图像url" />

单词image的缩写,意为图像

img的属性:

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

alt是替换文本,图像显示不出来的时候用文字进行替换。(只有图片显示不出来的时候才会出现)

title是提示文本,鼠标放到图像上,显示文字

width设置图像宽度

height设置图像高度

border设置图像的边框粗细

注意:1.图像标签属于单标签

    2.修改width和height是,尽量修改一个,他会等比例缩放,两个都写可能会拉伸图片。

    3.属性一定要写在标签名的后面

    4.属性之间不分先后顺序,但属性与属性之间一定要用空格分割

    5.采用键值对的形式,格式为属性=“属性值”

7.超链接标签(重点)<a>

作用:从一个页面跳转到另一个页面

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

单词anchor的缩写,意为"锚"

属性:

href用于指定跳转目标的url,它是个必须属性,标签应用href属性时,它具有超链接的功能。

target用于指定页面的打开方式,其中_self为默认值,_blank为新的窗口中打开方式。

链接的分类:

外部链接:<a href="http://www.baidu.com">百度</a>

内部链接:<a href="index.html">首页</a>

链接:如果当时没有确定链接目标时,<a href="#">首页</a>不跳转

下载链接:如果href里面地址是一个文件或者压缩包(.exe或者zip等压缩包形式),会下载链接这个文件

网页元素链接:在网页中的各种网页元素,如文本、图像、表格、音频、视频都可以添加链接。

锚点链接:点击链接,可以定位到页面的某一处。

锚点链接的使用:<a href="#two">标签内容</a>

注意要有#

找到目标位置的标签,里面添加一个id属性=刚才的名字:<h3 id="two">第二集介绍</h3>

特殊字符:



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。