标签:表格 标签 元素 tr th td 属性
HTML常用元素与元素
1.标签 元素的功能
描述html元素的功能:
,
双标签
内容由用户提供:
Hello world
单标签/空元素:没有内容也叫空元素,内容有某个属性指定,
:
)
2.属性
必须写到起始标签中,使用“名-值对”的方式:
,
Hello
不同的类型的标签,具有不同的属性,但是总有一些通用的,共有的属性
通用属性:
id:匹配唯一元素,唯一性由用户保证,浏览器不检查
class:匹配满足条件的一类元素
style:设置当前元素的样式
title:鼠标停留时的弹窗(不常用)
推荐3个vscode插件
Auto Rename Tag
Auto Close Tag
Prettier-Code formatter(设置自定义默认格式化程序:default formatter更改为prettier-code formatter,设置自动保存:auto save 更改为onfocuschange
3.布局元素
所有的布局元素,默认都是块元素,所以独占一行显示
页眉header
主体:
左边栏aside class=“left”
中间内容区main class=“content”
右边栏aside class=“right”
页脚footer
4.列表元素
列表元素是一组标签构成的
经典语法ul+li:无序列表
如果列表顺序很重要将ul改为ol:有序列表
导航列表:ul+li+a
图文列表导航:ul+li+a+img
5.表格元素
表格是列表的plus+版本
列表相当于多行单列的一个特殊的表格
表格也是一个多标签的符合元素
最简单的表格:table+tr+th/td
表格内容必须全部写到单元格元素td/th中
创建表格元素的第一步必须先创建一个行元素tr,再写td/th,作为单元的容器
标题caption
表头
表头中一般应该用th,代替td,因为它自带加粗和居中效果
标题
表尾
完整表格:table+thead+tr+th/td+tbody+tr+td+tfoot+tr+td
通常thead和tfood只需要一个,tbody可以有多个
6.表格的行与列的合并
列的合并:colspan=#
将以下的几列进行合并,一旦合并只有第一列的数据有效
行的合并:rowspan
行与列的合并属性必须添加到td/th上,不能添加到tr上
标签:表格,
标签,
元素,
tr,
th,
td,
属性
From: https://www.cnblogs.com/sansheng123/p/18029849