【HTML】复习笔记（二）行内/块级元素和表格

HTML

一、HTML的元素组成

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

二、HTML的块级元素

1.作用：

用于搭建网页结构

2.特点：

• 独占一行空间
• 默认宽度为100%
• 高度由子元素或内容决定
• 可以通过css指定其宽度

3.举例：

• 、：没有margin、padding、border
• ：有margin

• ：有上下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