前端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>
特殊字符:
声明
本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。