今天是我在乐字节学习的第三天

Posted 2020-12-20

今天是我在乐字节教育学习的第三天，今天主要学习的内容是html和CSS的dic、span、格式化标签与a标签

div和span

div

? <div>是一个块级元素，通常与css配合使用，用于布局。

? <div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

? <div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。

<div>content</div>

常用属性

属性	值	描述
align	left、right、center	规定div元素中的内容的对齐方式，以后可以用样式取代它

span

? <span>标签被用来组合文档中的行内元素 ，span 没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化 。

<span>content</span>

格式化标签

font

? 规定文本的字体、字体尺寸、字体颜色

pre

? 定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体

文本标签

**<b>**（粗文本）、**<i>**（斜体文本）、**<u>**（下划线文本）、 

? < del >（中划线文本）、<sub>（下标文本）、<sup>（上标文本）

a标签

? <a>标签定义超链接，用于从一张页面链接到另一张页面。

? <a>元素最重要的属性是 href 属性，它指示要链接的目标位置，同时没有href属性a标签内的内容与普通文本没有区别，也就失去了超链接的功能。

? 若是想要跳转到当前页面，那么href的值为#。被链接页面通常显示在当前浏览器窗口中，除非您规定了另一个目标（target 属性）。

<a href="http://www.baidu.com">百度</a>

常用属性

属性	值	描述
href	URL	连接所要跳转的位置，可能是其他或当前页面。
target	_blank<br>_parent<br>self<br>top<br>Framename作为锚点的a标签的name值	规定在何处打开链接文档。<br>_blank：开启新页面显示页面；<br>_self：当前页面显示跳转到页面，默认值。<br>_top：用于有frameset布局的页面，想要覆盖整个页面显示。<br>Framename：这里framename与上边的值不同，具体以为frame起了什么样的名字为准，该值指示要连接的页面跳转后将在相应名称的框架中显示。

锚点的实现

? 利用a标签的name属性：

<a name="top"></a>

? 一般标签的id属性：div id=""、a id="" 等：

<div id="top"></div>、<a id="top"></a>

? 锚点定位

<a href="#top">返回首部</a>

时间过得真快，今天的学习时间已经接近了尾声，今晚好好睡觉休息，准备好明天的学习吧！