html将表格块级显示不出来,【HTML】复习笔记（二）行内/块级元素和表格

HTML

一、HTML的元素组成

元素的大小 = 外边距margin + 边框border + 内边距padding + 内容

二、HTML的块级元素1.作用：用于搭建网页结构2.特点：独占一行空间

默认宽度为100%

高度由子元素或内容决定

可以通过css指定其宽度3.举例：

、：没有margin、padding、border

：有上下margin

：有上下margin、有font-size、font-weight

• 无序列表,
  1. 有序列表：有上下maigin、padding-left、黑色圆点

     TIPS: 上下放置两个块级元素时，两个元素之间的外边距为max{a元素的外边距，b元素的外边距}

     三、HTML的行内元素1.作用：用于内容的填充2.特点：与其他行内元素共享一行空间

     不能通过css为其指定宽高

     宽高由自身决定，内容的容器3.举例：:组合行内元素

     :超链接

     锚点，回到顶部，到达底部

     ..返回上一级

     :图片:视频> controls 进度条

     > autoplay 自动播放:音频> controls 进度条

     > autoplay 自动播放

     TIPS： 如何给行内元素设置宽高？先将行内元素设置为块级元素或者是行内块元素，再设置宽高

     四、HTML中的表格

     table【用于展示数据】属性:border、bgcolor、cellspacing、cellpadding、width

     【表头】 【表行(头)】【表列(头)加粗显示】姓名【表列(头)加粗显示】学号

     【表体】【表行(体)】【表列(体)】江寒【表列(体)】2056凌风24895

     

     TIPS：合并单元格跨行合并

     江寒 凌风

     

     跨列合并

     江寒 24856