HTML笔记 02天

最新推荐文章于 2025-05-09 15:37:32 发布

m0_53093412

最新推荐文章于 2025-05-09 15:37:32 发布

阅读量113

点赞数

文章标签： html html5

本文链接：https://blog.youkuaiyun.com/m0_53093412/article/details/120581205

版权

一、HTML图像标签

在HTML中，图像由<img>标签定义

<img src="xx.gif" alt="替换文本" title="提示文本，鼠标悬停时可以显示">

属性	描述
src（源属性）	源属性的值是图像的URL地址。URL指存储图像的位置。
alt（替换文本）	图像不能显示时替换的文本
title（提示文本）	鼠标悬停时显示的内容
width	设置图像的高度
height	设置图像的宽度
border	设置图像边框的宽度

注意：

HTML路径分为绝对路径和相对路径

1.相对路径：以引用文件所在位置为参考基础，而建立出的目录路径，图片相对于html的位置

路径分类	符号	说明
同一级路径		只需输入图像文件的名称即可，如<img src="xx.gif">
下一级路径	"/"	图像文件位于HTML文件同级文件夹下（例如文件名称为：images）如<img src="images/xx.gif">
上一级路径	"../"	在文件名之前加入"../"，如果时上两级，则需要使用"../../"，以此类推。如<img src="../xx.gif">

2.绝对路径：是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径

区别：相对路径的符号：“//”

绝对路径的符号：“\\”

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

链接的语法格式

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

target="_self" 默认窗口弹出方式

target="_blank" 新窗口弹出

属性	作用
href	用于指定链接目标的url地址，（必须属性）当为标签应用href属性时，它就具有了超链接的功能
blank	用于指定链接页面的打开方式，其取值有_self和_blank两种，其中_self为默认值，_blank为在新窗口中打开方式

注意：

1.使用相应的id名标注跳转目标的位置。（找目标）

<h3 id="two">第二集</h3>

2.使用<a href="#id名">链接文本</a>创建链接文本（被点击的）

<a href="#two">

<h3 id="two">第二集</h3>

<p>一大段文字............

<a href="two">第二集</a>
</p>

链接名称	描述
外部链接	例：<a href="http://baidu.com">
内部链接	网站内部页面之间的相互链接，直接连接内部页面名称即可。例：<a href="index.html">首页</a>
空链接	如果当时没有确定链接目标时，可以用空链接来代替。例：<a href="#">首页</a>
下载链接	如果href里面地址是一个文件或压缩包，会下载这个文件。地址链接的是文件(.exe)或者是zip等压缩包形式
网页元素链接	在网页中的各种网页元素，如文本，图像，表格，音频，视频等都可以添加超链接。
锚点链接	点我们点击链接，可以快速定位到页面的某个位置例：1.在链接文本的href属性中，设置属性值为“#”名字的形式如<a href="#two">第二集</a> 2.找到目标位置标签，里面添加一个id属性=刚才的名字如<h3 id="two">第二集介绍</h3>