当前位置: 首页 > Web前端 > HTML5

html功能元素

时间:2023-04-05 01:55:17 HTML5

1.列表元素无序列表ul,liclass,classmate/city给一堆数据添加列表语义,这串数据中的所有数据都不是顺序的

  • 要展示的数据
  • type:disc默认值solidcirclecirclehollowcirclesquaresolidsquareorderedlist:ol,li给一堆数据加上列表语义,这串数据所有的数据都有一个优先级(排序列表)
  • 1默认值。有序的数字列表。(1,2,3,4)按字母顺序排列的有序列表,小写。(a,b,c,d)A按字母顺序排列的有序列表,大写。(A,B,C,D)i罗马字母,小写。(i,ii,iii,iv)I罗马字母,大写。(I,II,III,IV)定义列表:
    forabunchof为数据添加列表语义,首先通过dt标签定义列表中的所有标题,然后通过dd标签为每个标题添加描述信息2.表格标签:一对表格标签就是一个表格,一对tr标签是表格中的一行td标签是一行中的一个单元格
    要显示的内容
    注意注意注意注意注意注意注意Attention注意:-1table标签有一个border边框属性,这个属性决定了边框的宽度。默认情况下,这个属性的值为0,所以看不到border-2table标签和list标签一样,都是组合标签,所以table/tr/td可以一起出现,or不一起出现,不单独出现-3table标签和td标签可以使用表格的宽高:默认是根据内容的大小调整表格单元格的宽/高:width/heightoftd(不会影响整个表格的宽高)行内样式:style="color:red;background-color:white"最高优先级-4表格中单元格的水平和垂直对齐Level:aligntable(表格的水平对齐方式)tr,td(当前单元格内容的水平对齐方式)vertical:valigntr,td(单元格内容的垂直对齐方式)-5表格的内外边距cellspacing属性outermargin:单元格与单元格之间的距离(默认2)cellpaddingpadding:单元格边框与文本的间距(默认1)-6cellsmergedcolspan:单元格在水平方向合并rowspan:垂直单元格merging--表的完整结构由于表中存储的数据比较复杂,为了便于管理和阅读,提高语义,我们可以对表进行编辑存储数据的分类表单存储的数据可以分为4类表单的标题表单的表头信息表单的主要信息表单的页脚信息3.表单元素必须写在表单中基本表单元素:-纯文本输入框name:When表单提交后,将作为参数名,结合输入值进行匹配,形成参数名=参数值占位符的结构:提示-深色文本输入框-输入框设置默认值-单选框checked互斥操作默认选中:name属性必须设置相同的值-多选框多选选择框默认勾选-提交按钮功能:填写表单中的数据,提交到远程服务器(action:指定要提交到的服务器地址)【注意注意】:如果要将表单数据提交到后台,表单元素需要有属性-普通按钮-imagebutton-reset按钮功能:清除表单中填写的数据