web前端学习笔记(二)

该博客是web前端学习笔记,介绍了HTML相关知识。包括创建锚点链接实现快速定位目标内容;base标签可设置整体链接打开状态;pre标签能定义预格式化文本,保留空格和换行符;还提及特殊字符在HTML中的替代代码及使用注意事项。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

web前端学习笔记

1. 锚点定位 (难点)

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

创建锚点链接分为两步:

1. 使用相应的id名标注跳转目标的位置。 (找目标)
  <h3 id="two">第2集</h3> 

2. 使用<a href="#id名">链接文本</a>创建链接文本(被点击的) (拉关系)  我也有一个姓毕的姥爷..
  <a href="#two">   

在这里插入图片描述

2. base 标签

语法:

<base target="_blank" />

总结:

  1. base 可以设置整体链接的打开状态
  2. base 写到 <head> </head> 之间
  3. 把所有的连接 都默认添加 target="_blank"

3. 预格式化文本pre标签

<pre> 标签可定义预格式化的文本。

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

<pre>

  此例演示如何使用 pre 标签

  对空行和 空格

  进行控制

</pre>

有了这个标签,里面的文字,会按照我们书写的模式显示,不需要段落和换行标签了。但是,比较少用,因为不好整体控制。

4. 特殊字符 (理解)

一些特殊的符号,我们在html 里面很难或者 不方便直接 使用, 我们此时可以使用下面的替代代码。
在这里插入图片描述
虽然有很多,但是我们平时用的比较较少, 大家重点记住 空格 大于号 小于号 就可以了,剩下的回来查阅。

总结:

  1. 是以运算符&开头,以分号运算符;结尾。
  2. 他们不是标签,而是符号。
  3. HTML 中不能使用小于号 “<” 和大于号 “>”特殊字符,浏览器会将它们作为标签解析,若要正确显示,在 HTML 源代码中使用字符实体

团队约定

推荐:

   <a href="#">more &gt;&gt;</a>
   <a href="#">more &nbsp;&nbsp;</a>

不推荐:

   <a href="#">more >> </a>
   <a href="#">more   </a>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值