【HTML】HTML 标签 ⑤ ( 锚点定位 | base 标签 | 预格式化文本标签 | HTML 特殊符号 )_韩曙亮

网络投稿 02-07 4229

文章目录一、锚点定位二、base 标签三、预格式化文本标签四、HTML 特殊符号

一、锚点定位

锚点定位步骤 :

创建锚点 : 使用 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://`/">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 特殊符号如下 :