<学习html>第三天笔记-链接标签;锚点定位、<base />标签;遇到标签之间关系的问题及解决方法

来源:互联网 发布:淘宝女装货源 编辑:程序博客网 时间:2024/05/16 12:45

(五)链接标签

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

其中href:用于指定链接目标的URL地址
target:用于指定链接页面的打开方式,取值有self和blank两种。self为默认值(覆盖打开链接,blank为在新窗口中打开链接)。

注:1.跳转目标为外部链接必须用http://…..
如:<a href="http://www.baidu.com">百度<a/>
2.跳转目标为内部链接就直接连接内部页面的名称。
如:<a href="01.html">首页<a/>
3.如果当时没有确定链接目标时,通常将链接标签的href属性值定义为”#”(即href=”#”)表示该链接暂时为一个空链接。
4.不仅可以创建文本的超链接,在网页中的各种元素如图像、表格、视频等都可以添加超链接。

这里写图片描述
锚点定位实例代码图

这里写图片描述
锚点定位实例效果图

(六)锚点定位

通过创建锚点链接,用户能快速定位到目标内容。
创建锚点分为两步:
1.使用<a href="#id名">链接文本</a>创建链接文本;
2.使用相应的id名标注要跳转目标的位置。
锚点定位示例代码图
锚点定位示例代码图

锚点定位示例效果图
锚点定位示例效果图

(七)<base />标签

base可以设置整体链接的打开状态

语法格式:<base target="_blank /">

写在<head></head>之间

(八)特殊字符

特殊字符替代代码
特殊字符替代代码图

特殊字符替代代码实例效果图
特殊字符替代代码实例效果图

**问题
在锚点定位环节,最开始是使用<a href="#id名">来创建链接文本,那像<strong>示例</strong>这种要在什么地方加入a href=”#id名”来创建链接呢?

最开始我是写的<strong a href="#id名">示例</strong>来创建,结果失败。请教之后到的解决方法有两种。

1.用strong来包含a:
<strong><a href="#id名">示例<a/></strong>

2.用a来包含strong:
<a href="#id名"><strong>示例</strong><a/>
问题解决图
问题解决图

原创粉丝点击