3、块标签

<div></div>:行级块标签

<span></span>:行内块标签

作用:

(1)<div></div>:div+css布局

(2)<span></span>:进行友好提示

html学习day2

运行:

html学习day2

 

4、文字标签

基本文字标签:<font></font>

属性:

color:颜色

size:大小(最大值:7,最小值:1,默认值:3)

face:字体类型,即字体,直接写文字就可以

标题标签:<h1></h1>-<h6></h6>

随着数字的增大逐渐变小,字体是加粗的,内置字号 默认占据一行

html学习day2

运行如下:

html学习day2

5、清单标签(也称为列表标签)

无序列表:<ul></ul>

<li></li>:列表项

属性:

type:有三个值,分别为disc、 square和circle

示例:

<ul >

<li>列表项</li>

<li>列表项</li>

<li>列表项</li>

</ul>

有序列表:<ol></ol>

<li></li>:列表项

属性:

type:1、A、a、I、i(数字、字母、罗马数字)

start:数字,代表首项开始位置

示例:

<ol>

<li>列表项</li>

<li>列表项</li>

<li>列表项</li>

</ol>

列表标签的作用:实现菜单项(可以实现横向或者纵向菜单)

无序列表标签怎么去掉小圆点?HTML中不能直接去掉,没有这个属性值,需要在CSS中给li标签添加样式list-style:none;

html学习day2

运行:

html学习day2

 

html学习day2

 

html学习day2

 

又是美好学习的一天,今天就到这,明天继续加油,哈哈哈哈。。。

相关文章:

  • 2021-08-28
  • 2021-08-17
  • 2021-10-02
  • 2022-02-26
  • 2022-01-21
  • 2021-05-21
  • 2022-01-14
  • 2021-09-01
猜你喜欢
  • 2021-10-01
  • 2021-05-19
  • 2021-08-13
  • 2021-07-23
  • 2021-05-25
  • 2022-01-20
  • 2022-01-10
相关资源
相似解决方案