<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>a标签的一些用途示例</title>
<style type="text/css">
a{
text-decoration: none; /*去掉a标签下划线*/
}
</style>
</head>
<body>
<!--利用id属性设定锚点-->
<h1 id="a" align="center">HTML5 <span style="color:red"><Day01></span></h1>
<hr />
<!--用href属性指向name属性设定的锚点实现跳转-->
<a href="#a1">占位符</a>
<h2>1 HTML 文档片段</h2>
<h3>1.1 问题</h3>
<p>创建如图<b>—</b>1所示的 HTML 页面:</p>
<h3>1.2 方案</h3>
<p>使用 HTML 编辑来完成该页面效果。</p>
<h3>1.3 实现</h3>
<p>建立一个文本文件,并修改文件名为first.html,然后使用文本编辑器打开该文件,并为该文件添加代码,以创建标准格式的html文档。</p>
<p>然后,在 body 元素中添加代码,以创建居中显示的段落文本。代码如下图所示:</p>
<pre>
<p align="center" title="段落">
居中显示的段落。
</p>
</pre>
<h1>占位符</h1>
<h1>占位符</h1>
<h1>占位符</h1>
<h1>占位符</h1>
<h1>占位符</h1>
<h1>占位符</h1>
<h1>占位符</h1>
<h1>占位符</h1>
<!--用name属性设定锚点-->
<a name="a1"></a>
<h1>占位符1</h1>
<!--必须装outlook才可以使用,可以发送邮件-->
<h1><a href="mailto:[email protected]">占位符</a></h1>
<!--可以指向一个压缩文件,点击会下载-->
<h1><a href="zuoye.zip">占位符</a></h1>
<h1>占位符</h1>
<h1>占位符</h1>
<h1>占位符</h1>
<h1>占位符</h1>
<h1>占位符</h1>
<h1>占位符</h1>
<h1>占位符</h1>
<h1>占位符</h1>
<h1>占位符</h1>
<h1>占位符</h1>
<h1>占位符</h1>
<h1>占位符</h1>
<h1>占位符</h1>
<h1>占位符</h1>
<h1>占位符</h1>
<h1>占位符</h1>
<!--通过href属性指向id定义的锚点实现跳转,同name属性-->
<h1><a href="#a">占位符</a></h1>
<div align="center">
<!--title属性同img元素中的title属性一样,
当鼠标悬停在链接/图片上时,会出现的描述性/提示性的文字-->
<a href="#" title="点击了解更多">关于我们</a>
<a href="#">联系我们</a>
<a href="javascript:;">返回首页</a>
<p>版权所有©武汉厚浦科技有限公司</p>
</div>
</body>
</html>
a标签的部分应用 课堂笔记
猜你喜欢
转载自blog.csdn.net/S_1978P1/article/details/81316732
今日推荐
周排行