拓展阅读

一、锚点定位(难点)⭕

1、语义:通过创建锚点链接,用户能够快速定位到目标内容。

2、创建锚点链接步骤:

①使用相应的id名标注跳转目标的位置。(找目标)

即:<h3 id=''id名称''>目标内容</h3>

如:<h3 id=''tree''>圣诞树的由来</h3>(tree是随便取的)

②使用<a href=''#id名>链接文本</a>创建链接文本(被点击的)

即:<a href=''#id名称''>链接地址</a>

如:<a href=''#tree''>3、圣诞树的由来</a> <br/>

3、快速记忆法:好比找个人办事,首先找到他,然后拉关系,最后看效果。

二、base标签

1、语法:<base target=''_blank''/>

2、总结:①base可以设置整体链接的打开状态,即新窗口打开页面

      ②base写到<head> </head>之间

      ③把所有的链接都默认添加 target=''_blank''

三、预格式化文本pre标签(由于不好整体控制,比较少用)

1、语义:被包围在<pre>标签元素中的文本通常会保留空格和换行符,而文本也会呈现为等宽字体。

(即按照我们预先写好的文本格式来显示页面,保留空格和换行,写的时候什么样子,显示出来就是什么样子)

2、显示效果:

          《相思》
                     唐 王维
        红豆生南国,
        春来发几枝。
        愿君多采撷,
        此物最相思。
四、特殊字符(理解)
1、原因:由于一些特殊的符号,我们在html里面很难或者不方便直接使用,这时候就需要使用替代代码了。
2、替代代码:(重点记住前三个,其余回来查阅)
  特殊符号           描述      字符的代码
  空格号
&nbsp;
< 大于号 &lt;
> 小于号 &gt;
& 和号 &amp;
¥ 人民币 &yen;
© 版权 &copy;
® 注册商标 &reg;
° 摄氏度 &deg;
± 正负号 &plusmn;
× 乘号 &times;
÷ 除号 &divide;
² 平方2(上标2) &sup2;
³ 立方3(上标3) &sup3;



























3、总结:①以运算符 & 开头,以分号 ; 结尾
②它们不是标签,是符号
③HTML中不能使用小于号"<"和大于号“>"特殊字符,浏览器会将它们作为标签解析,若要正确显示,在HTML
源代码中使用字符实体
如:要显示出<p>,需写成&lt;p&lt;
更多>>,需写成更多&gt;&gt;
posted @   燕归楼  阅读(168)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」
点击右上角即可分享
微信分享提示