20220712笔记html块级行内等标签

245 阅读1分钟

html中的块级元素与行内元素等

块级元素(独占一行的元素):

  1. div-盒子标签
  2. p-段落标签
  3. h1到h6-标题标签
  4. 列表元素
  • ul-无序列表
    
  • li-列表项(有序与无序列表通用的列表项)    
    
  • ol-有序列表
    
  • dl-自定义列表
    
  • dt-一级列表项
    
  • dd-二级列表项
    

5.表格元素

table-表格

  • tr-行标签
    
  • th-表头标签,相当于标题字体(列)
    
  • td-表体标签,正常字体(列)
    

行内元素(不会独占一行的元素)

  1. span-行内标签
  2. a-超链接
  3. 表单元素

form-表单标签

inpu标签,及其内部标签:

 type属性:
  •          text-输入框
    
  •          button-普通按钮(value,可以输入按钮名字)
    
  •          submit-提交按钮(提交且刷新网页)
    
  •          checkbox-复选框
    
  •          radio-单选框,使用name-起名(同一个名字的单选框才能单选)
    
  • button-按钮(在form标签中单独写button为提交按钮)
  • select-选择项(下拉菜单)
  • option-选择/条目(下拉菜单)
  • textarea-富文本选择框

行内块元素(把块元素以行的形式展现,保留了块元素可以设置的对应CSS属性)

  1. img-图片标签

    路径含义:

       ../上级目录
    
       ./当前目录
    
       /根目录(一般不用)
    

其他元素(其他的一些元素样式)

  1. br-换行