web新手试学第三弹

表格与
标签

一、基本表格

1、基本标签介绍

表格标签:表格的其他标签需要在次标签里才有效

行标签:在表格中有几组tr标签就表示有几行

单元格标签:标识在当前行下有几个单元格,也就是有几列,通常也叫列标签

表头标签:用来表示表格的表头,特点是文字自动加粗

源码:

表格

基本表格——考试成绩表

姓名 语文 数学 英语
王佳 94分 89分 56分
李翔 76分 85分 88分
张颖佳 89分 86分 97分

2、表头的设置

表格的标题

表格的表头

源码

简单课程表

简单课程表
星期一 星期二 星期三 星期四 星期五
数学 语文 数学 语文 数学
语文 语文 数学 数学 数学
数学 数学 语文 数学 语文


二、表格的高级应用


1、表格的样式

除基本表格外,表格还可以添加一些基本样式属性,比如宽度高度,对齐方式,插入图片等

源码

商品表格

商品表格
潮流前沿 手机酷玩 品质生活 国际清沟 个性推荐
换新 手机馆 必抢 识货 囤货
品牌精选新品 手机新品 聚超值卖封了 全球最热好货 居家必备

2、表格的合并

跨列

跨行

源码:

课程表

课  程  表

星期一 星期二 星期三 星期四 星期五
上午 1 数学 语文 英语 体育 语文
2 音乐 英语 政治 美术 音乐
下午 3 舞蹈 化学 生物 历史 政治
4 数学 体育 生物 历史 美术

3、表格的分组

语法:

源码:

课程表

课  程  表

星期一 星期二 星期三 星期四 星期五
上午 1 数学 语文 英语 体育 语文
2 音乐 英语 政治 美术 音乐
下午 3 舞蹈 化学 生物 历史 政治
4 数学 体育 生物 历史 美术

4、div标签

块级标签,用于设置文字,表格,图片的摆放位置

属性:

id:规定div的名字,常与CSS样式结合,实现对网页中元素的控制

align:设置标签中元素的对其方式

class:用来设置标签中元素的样式,其值为css样式中的class的选择符

style:其值为CSS中的属性值,在各属性值之间使用分隔符

5span标签

语法:

需要改变样式的文字

你可能感兴趣的:(web新手试学第三弹)