拓展阅读
一、锚点定位(难点)⭕
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、替代代码:(重点记住前三个,其余回来查阅)
特殊符号 | 描述 | 字符的代码 |
空格号 |
|
|
< | 大于号 | < |
> | 小于号 | > |
& | 和号 | & |
¥ | 人民币 | ¥ |
© | 版权 | © |
® | 注册商标 | ® |
° | 摄氏度 | ° |
± | 正负号 | ± |
× | 乘号 | × |
÷ | 除号 | ÷ |
² | 平方2(上标2) | ² |
³ | 立方3(上标3) | ³ |
3、总结:①以运算符 & 开头,以分号 ; 结尾
②它们不是标签,是符号
③HTML中不能使用小于号"<"和大于号“>"特殊字符,浏览器会将它们作为标签解析,若要正确显示,在HTML
源代码中使用字符实体
如:要显示出<p>,需写成<;p<
更多>>,需写成更多>>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」