湖南 网站备案,搬家公司怎么做网站,平台设计网站公司电话,wordpress怎么做相册html语法实现列表与表格
文章目录: 1.列表 1.1 无序列表1.2 有序列表1.3 定义列表 2.表格 2.1 表格基本结构2.2 表格结构标签2.3 合并单元格 写在最前,第二天学习目标: 列表 表格 表单 元素为嵌套关系 1.列表
作用:布局内容排列整齐的区域。 列表分类:无序列表、有序列表…html语法实现列表与表格
文章目录: 1.列表 1.1 无序列表1.2 有序列表1.3 定义列表 2.表格 2.1 表格基本结构2.2 表格结构标签2.3 合并单元格 写在最前,第二天学习目标: 列表 表格 表单 元素为嵌套关系 1.列表
作用:布局内容排列整齐的区域。 列表分类:无序列表、有序列表、定义列表。 1.1 无序列表
作用:布局排列整齐的不需要规定顺序的区域。 标签:ul嵌套li,ul是无序列表li是列表条目。
ul
li第一项/li
li第二项/li
li第三项/li
......
/ul效果如下:
注意事项:
ul标签里面只能包裹li标签li标签里面可以包裹任何内容,li标签内容自动换行 1.2 有序列表
作用:布局排列整齐的需要规定顺序的区域。 标签:ol嵌套liol是有序列表li是列表条目。
ol
li第一项/li
li第二项/li
li第三项/li
......
/ol效果如下: 多了1,2,3的序号 1.3 定义列表
标签:dl嵌套dt和dd, dl是定义列表,dt是定义列表的标题,dd是定义列表的描述 / 详情。
d
dt列表标题/dt
dd列表描述/详情/dd
....
/dI注意事项:
dl里面只能包含dt和dddt和dd 里面可以包含任何内容 dldt服务中心/dtdd申请售后/dddd售后政策/dd/dl效果如下: 2.表格 2.1 表格基本结构
标签: table嵌套tr , tr 嵌套 td / th。
标签名说明table表格tr行th表格单元头td内容单元头
提示:在网页中表格默认没有边框线使用border属性可以为表格添加边框线。
代码样例如下:
table border1trth姓名/thth语文/thth数学/thth总分/th/trtrtd张三/tdtd99/tdtd100/tdtd199/td/trtrtd李四/tdtd98/tdtd100/tdtd198/td/trtrtd总结/tdtd全市第一/tdtd全市第一/tdtd全市第一/td/tr/table效果如下: 2.2 表格结构标签
注意:这个不是给用户和前端程序员看的,是给计算机看的,计算机能够清晰的识别出这个表的基本结构
作用:用表格结构标签把内容划分区域让表格结构更清晰语义更清晰。
标签名含义特殊说明thead表格头部表格头部内容tbody表格主体表格主体区域tfoot表格底部汇总信息区域
就是把之前写的代码,按照逻辑把这些标签放在他们的开头和结尾 2.3 合并单元格
作用:将多个单元格合并成一个单元格以合并同类信息。
合并单元格的步骤: 1明确合并的目标 2保留最左最上的单元格添加属性取值是数字表示需要合并的单元格数量) -跨行合并保留最上单元格添加属性 rowspan -跨列合并保留最左单元格添加属性colspan 3删除其他单元格
代码样例如下: table border1trth姓名/thth语文/thth数学/thth总分/th/trtrtd张三/tdtd99/tdtd rowspan2100/tdtd199/td/trtrtd李四/tdtd98/tdtd198/td/trtrtd总结/tdtd colspan3全市第一/td/tr/table效果如下: 注意:不能跨标签结构合并