【HTML】HTML 标签 ⑤ ( 锚点定位 | base 标签 | 预格式化文本标签 | HTML 特殊符号 )
韩曙亮
发布于 2023-03-30 11:03:42
发布于 2023-03-30 11:03:42
代码可运行
运行总次数：0
代码可运行
文章目录
一、锚点定位
锚点定位步骤 :
- 创建锚点 : 使用 id 属性 , 创建 跳转锚点 , 一般情况下是在各种级别的标题上添加的 ;
<h1 id="anchor1">标题锚点1</h1>
<h2 id="anchor2">标题锚点2</h2>
<h3 id="anchor3">标题锚点3</h3>
<h4 id="anchor4">标题锚点4</h4>- 创建锚点链接 :
<a href="#anchor1">跳转到 标题锚点1</a>
<a href="#anchor2">跳转到 标题锚点2</a>
<a href="#anchor3">跳转到 标题锚点3</a>
<a href="#anchor4">跳转到 标题锚点4</a>代码示例 :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>网页标题</title>
</head>
<body>
<a href="#anchor1">跳转到 标题锚点1</a>
<br />
<a href="#anchor2">跳转到 标题锚点2</a>
<br />
<a href="#anchor3">跳转到 标题锚点3</a>
<br />
<a href="#anchor4">跳转到 标题锚点4</a>
<br />
<br />
<h1 id="anchor1">标题锚点1</h1>
<br />
<h2 id="anchor2">标题锚点2</h2>
<br />
<h3 id="anchor3">标题锚点3</h3>
<br />
<h4 id="anchor4">标题锚点4</h4>
</body>
</html>显示效果 :
二、base 标签
base 标签 的 作用是 为 HTML 页面中 所有的链接 添加 打开状态 , 该标签必须 写在 <head></head> 标签之间 ;
在实际开发中 , 需要 使用 base 标签为所有的链接 , 默认添加 target=“_blank” 打开状态 , 在新窗口中打开 ;
代码示例 :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>网页标题</title>
<!-- ★ 为所有链接设置 在新窗口中打开 状态 -->
<base target="_blank"/>
</head>
<body>
<a href="https://blog.csdn.net/">CSDN 博客</a>
<a href="https://blog.csdn.net/shulianghan">韩曙亮博客</a>
<a href="https://www.csdn.net/">CSDN 首页</a>
</body>
</html>展示效果 :
三、预格式化文本标签
将文本 写在 <pre></pre> 预格式化文本标签 中 , 其中的 文本格式 , 包括 空格 , 缩进 , 换行 等内容 , 在 网页中显示的内容 与 HTML 中看到是一致的 ;
在 HTML 中写的什么格式 , 就显示什么效果 ; 该标签不常用 ;
代码示例 :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>网页标题</title>
<base target="_blank"/>
</head>
<body>
<pre>
悯农
作者：李绅
春种一粒粟，秋收万颗子。
四海无闲田，农夫犹饿死。
锄禾日当午，汗滴禾下土。
谁知盘中餐，粒粒皆辛苦。
</pre>
</body>
</html>展示效果 :
四、HTML 特殊符号
在 HTML 中 的 特殊符号 是以 & 符号开始 , 以 分号 ; 结尾 的符号 ;
常见的 HTML 特殊符号如下 :
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2023-02-07，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
暂无评论
推荐阅读
相关推荐
【HTML】HTML 标签总结 ★★★ ( 标签类型 | 排版标签 | 文本格式化标签 | 标签属性 | 图像标签 | 链接标签 | 注释标签 | 锚点定位 | 预格式化文本标签 | 特殊符号 )
更多 >
腾讯云开发者
