块级标签

  • 独占一行，不和其他元素待在同一行
  • 能设置宽高
  • 如果没有设置宽度, 那么默认和父元素一样宽如果设置了宽高, 那么就按照设置的来显示
  • 常见的块级标签：div,p,h1-h6,ul,li,dl,dt,dd

    行级标签

  • 能和其他元素待在同一行
  • 不能设置宽高
  • 如果没有设置宽度, 那么默认和内容一样宽行内元素是不可以设置宽度和高度的
  • 常见的行级标签：a，span,strong,u,em

    行内块级标签

  • 能和其他元素待在一行
  • 能设置宽高
  • 常见的行内块标签：img,input,textarea

文本标签学习

  • 标题标签:
    • h1到h6:会将其中的数据加粗加黑显示.并且显示依次减弱.标题标签自带换行功能.(块级标签)
    • 属性: align: center left right
  • 水平线标签:
    • hr:会在页面中显示一条水平线,默认居中显示
    • 属性:
      • width=”宽度” 设置水平线的宽度
      • size=”高度” 设置水平线的高度
      • color=”颜色” 设置水平线的颜色
  • 换行符:
    • br:告诉浏览器需要在此位置换行
  • 空格符:
    • &nbsp:告诉浏览器在此位置增加空格
  • 权重标签:
    • b:会将内容加黑显示
    • i:会将内容斜体显示
    • u:会将内容增加下划线
    • del:增加中划线
    • 以上标签不会自动换行,并且可以嵌套使用.
  • 注意:
    • 标签的属性是对标签的功能进一步的补充,可以由开发人员自由指定标签的属性值,来达到想要的显示效果.
    • 像素单位占据的是电脑屏幕的大小,百分比占据的是浏览器窗口的大小.