Html基础：a标签常用功能&常用列表

最新推荐文章于 2022-11-12 13:52:59 发布

渣猫略懂

最新推荐文章于 2022-11-12 13:52:59 发布

阅读量513

点赞数

分类专栏：前端基础文章标签： html html5

本文链接：https://blog.csdn.net/weixin_52854090/article/details/120491941

版权

前端基础专栏收录该内容

30 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- a标签：又称超链接，跳转路径分为相对路径和绝对路径 -->
		<!-- 绝对路径为完整的地址，打开外部网页连接时，一级网址（www.）可以不写，传输协议（http://）必须写 -->
		<!-- 相对路径表示相对当前文件的位置，（./）表示当前目录，也可以不写， （../）表示上级目录-->
		<!-- traget 默认值为sell，表示在当前页面打开，blank表示在空白页面打开-->
		<a href="http://www.baidu.com" target="blank">超链接</a>
		<a href="./note01.html">超链接</a>
		<!-- a标签跳转的地址，是图片、音乐、视频等浏览器可以直接解析的文件，自动打开展示或播放 -->
		<a href="../audio/dj.mp3">播放音乐</a>
		<a href="../image/1.jpg">打开图片</a>
		<a href="../video/bengdi.mp4">播放视频</a>
		<!-- a标签跳转的地址是浏览器无法解析的文件，开始下载 -->
		<a href="../file/aa.zip">下载文件</a>
		<!-- 锚点功能：跳转到锚点,地址的值为 #锚点id名称 -->
		<a href="#a">锚点</a>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<!-- 图片标签 -->
		<!-- 图片的大小也可以写为：stytle="width: 100px;height: 300px; width和height只写其中一个，另一个默认按比例显示-->
		<!-- alt:图片加载失败时才显示的文字，通常用于告知用户图片的相关情况，图片正常加载解析时alt内容不显示 -->
		<!-- title：鼠标移入图片或移入alt时的提示内容，所有标签均可使用title -->
		<img src="../image/1.jpg" width="100" height="100"" alt="图片加载失败占位字符" title="鼠标移入提示内容">
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<!-- 锚点功能：设置锚点 -->
		<h6 id="a">这是一个锚点</h6>
		<!-- 锚点功能：回到顶部，地址仅为 # 即可 -->
		<a href="#">回到顶部</a>
		<!-- 无序列表 -->
		<!-- 属性type，值cricle表示空心圆，suqare表示实心方块，默认disc表示实心园 -->
		<ul type="circle">
			<li>无</li>
			<li>序</li>
			<li>列</li>
			<li>表</li>
		</ul>
		<!-- 有序列表 -->
		<!-- 属性type，表示序号种类,默认阿拉伯数字，start表示从第几个开始 -->
		<ol type="A" start="2">
			<li>有</li>
			<li>序</li>
			<li>列</li>
			<li>表</li>
		</ol>
		<!-- 自定义列表 -->
		<dl>
			<dt>列表标题</dt>
			<dd>自</dd>
			<dd>定</dd>
			<dd>义</dd>
			<dd>列</dd>
			<dd>表</dd>
		</dl>
	</body>
</html>