前端入坑第二天

(四)列表

1.无序列表

格式:

<ul>
	<li></li>
	<li></li>
</ul>

常用属性:
type 列表的图标
-square 实心方块
-circle 空心圆
-disc 实心圆(默认)

2.有序列表

格式:

<ol>
	<li></li>
	<li></li>
</ol>

常用属性:
type 列表的图标
-1 数字序号(默认)
-a 小写字母
-A 大写字母
-i 小写罗马字母
-I 大写罗马字母

在这里插入图片描述

在这里插入图片描述

(五)div和span

1.div标签

层,块级元素,标签会自动换行。
常用于布局。
宽度取决于屏幕的宽度,高度取决于内容的高度。
常用属性:
align div元素中内容的对齐方式
-left 左对齐
-right 右对齐
-center 居中对齐
-justify 两端对齐

2.span元素

块,行内元素,标签不会自动换行。
写多少内容占多少内容。

在这里插入图片描述
在这里插入图片描述
推荐学习网站:
https://www.runoob.com/
https://www.w3school.com.cn/

(六)格式化标签

1.font

设置字体相关的属性
常用属性:
color 字体颜色(颜色名、十六进制、rgb)
size 字体大小
face 字体风格

2.pre

定义预格式化的文本。
保留文本中的空格和换行。

3.字体风格

粗体----------bstrong
斜体----------i
下划线-------u
中划线-------del
下标----------sub
上标----------sup

在这里插入图片描述

(七)超链接a标签

定义超链接,用于从一个页面链接到另外一个页面。
行内元素,不会自动换行。
常用属性:
href 必须属性(如果未设置该属性,则a标签与普通文本没什么区别)
target 窗口打开的方式
-_self 当前窗口打开(默认)
-_blank 新开空白窗口打开
-_parent 父子窗口,窗口里还有窗口
-_top顶级窗口,有很多层嵌套窗口到最顶层窗口打开

在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值