html中什么标签可作容器,3. HTML中的容器标签

什么是容器标签?在HTML开发中我们常常会使用一类标签作为容器放置一些内容,我们把这类标签称之为容器标签,可以作为容器标签的包括列表标签、表格标签、框架标签、布局标签,在这里我们就来总结下这些内容。

列表标签

e261e64fbd9d4080a5d3c921b34801dd.jpg

25f026ac6a1c4a2c981d78e6d0e65fd1.jpg

1

2

3

无序列表-1

4

无序列表-2

5

无序列表-3

6

无序列表-4

7

无序列表-5

8

9

10

11

无序列表-1

12

无序列表-2

13

无序列表-3

14

无序列表-4

15

无序列表-5

16

17

18

19

无序列表-1

20

无序列表-2

21

无序列表-3

22

无序列表-4

23

无序列表-5

24

25

26

27

无序列表-1

28

无序列表-2

29

无序列表-3

30

无序列表-4

31

无序列表-5

32

33

34

35

有序列表

36

有序列表

37

有序列表

38

有序列表

39

有序列表

40

41

42

43

有序列表

44

有序列表

45

有序列表

46

有序列表

47

有序列表

48

49

50

51

有序列表

52

有序列表

53

有序列表

54

有序列表

55

有序列表

56

57

58

59

有序列表

60

有序列表

61

有序列表

62

有序列表

63

有序列表

64

65

66

67

有序列表

68

有序列表

69

有序列表

70

有序列表

71

有序列表

72

73

74

75

有序列表

76

有序列表

77

有序列表

78

有序列表

79

有序列表

80

81

82

83

自定义列表

84

内容

85

自定义列表

86

内容

87

自定义列表

88

内容

89

90

91

自定义列表

92

内容

93

自定义列表

94

内容

95

自定义列表

96

内容

97

View Code

在HTML中提供了三种列表形式,即无序列表、有序列表以及自定义列表。其中无序列表的应用场景最多,自定义列表几乎没有被使用,有序列表只是在特殊的场合中使用。而且在使用有序列表的时候会遇到一个特别有意思的情况,就是有序列表的标记可以是数字,而数字足够我们使用,但是英文字母的数量是有限的,那么在列表项超过了26个英文字母的时候会遇到什么情况呢?

表格标签

e261e64fbd9d4080a5d3c921b34801dd.jpg

25f026ac6a1c4a2c981d78e6d0e65fd1.jpg

单元格内容

单元格内容

单元格内容

单元格内容

View Code

表格结构在互联网早期被用作实现网页的布局,但是现在表格只是用来呈现一些数据,因为表格结构会产生大量的标签,而且一旦网页结构改变,那么整个网页的结构就需要改变,这点对于开发人员来说会特别的痛苦,所以后来就逐渐的抛弃了这种方式。在这里我们只要熟悉表格结构就好。

框架标签

框架是互联网早期的标签,现在开发中基本上已经不再使用了,但是在一些早期的网站中还可以看到这些内容,所以有必要了解这些内容。常见的框架标签包括

、两种,下表是我们整理的一些框架相关的代码。

标签

e261e64fbd9d4080a5d3c921b34801dd.jpg

25f026ac6a1c4a2c981d78e6d0e65fd1.jpg

1

2

3

4

5

2-3 容器标签 框架

6

7

8

9

10

11

12

13

14

15

16

17

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值