码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-10-22 22:31:49      阅读:21      评论:0      收藏:0      [点我收藏+]

标签:文档   strong   属性   默认   lan   固定   div   不同   工具   

今天是我在乐字节教育学习的第三天,今天主要学习的内容是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>

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

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

标签:文档   strong   属性   默认   lan   固定   div   不同   工具   

原文地址:https://blog.51cto.com/14965638/2542789

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!