首页前端开发HTMLhtml中的属性标签,html语言中,标签的class属性是做什么用的?

html中的属性标签,html语言中,标签的class属性是做什么用的?

时间2023-05-10 19:31:01发布访客分类HTML浏览507
导读:class属性指定的样式,在css中称为“类”,可以用来修饰标签元素。1、新建html文档,在body标签中添加一个input标签,在inpu标签中添加一些文字:2、设置一个类,类的格式是“.”+“类名”,这里类名以demo为例,然后为这个...

class属性指定的样式,在css中称为“类”,可以用来修饰标签元素。

1、新建html文档,在body标签中添加一个input标签,在inpu标签中添加一些文字:

2、设置一个类,类的格式是“.”+“类名”,这里类名以demo为例,然后为这个类添加一些样式:

3、使用class属性将之前设置的类添加到input标签上,这时input标签将会显示类上面的样式:

内部样式跟内联样式都是由style标签来定义的,但放的位置不一样。

有三种样式,一种是放在外面的css文件,称作外部样式,不过HTML文件要通过link标签来引用,一种是放在head标签里面,称作内部样式,最后一种是放在元素里面,称作内联样式。

菜鸟教程html学习的一个优秀网站,亲测,还有一个3W

HTML表格的基本结构包括table> 、caption> 、tr> 、td> 、th> 等标记

1:table> 标记有以下属性

① width属性:表示表格的宽度

② height属性:表示表格的高度

③ border属性:表示表格外边框的宽度

④ align属性表示表格的显示位置:left居左显示;center居中显示;right居右 显示。

⑤ cellspacing属性:单元格之间的间距

⑥ cellpadding属性:单元格内容与边框的显示距离

⑦ frame属性:控制表格边框外层的四条线框

⑧ rules属性:控制显示单元格之间的分割线

2:caption> 标记用于表格中使用标题

caption> 标记的align属性有四个取值:

① top表示标题放在表格的上部

② bottom表示标题放在表格的下部

③ left表示标题放在表格的左部

④ right表示标题放在表格的右部

3:tr> 标记用来定义表格的行,对于每一个表格行,都是由一对tr> .../tr> 标记表示。tr> 标记有如下几种属性

① bgcolor属性用来设置背景颜色

② align属性用来设置垂直方向对齐方式

③ valign属性用来设置水平方向对齐方式

4:td> 和th> 都是单元格的标记,其必须嵌套在tr> 标记中,成对出现。th> 是表头标记,th> 中的文字会被默认加粗,而td> 不会,td> 是数据标记,表示该单元格的具体数据。两者的标记属性是一样的:

① bgcolor属性用来设置背景颜色

② align属性用来设置垂直方向对齐方式

③ valign属性用来设置水平方向对齐方式

④ width属性用来设置表格的宽度

⑤ height属性用来设置表格的高度

⑦ rowspan设置单元格所占行数

⑧ colspan设置单元格所占列数

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: html中的属性标签,html语言中,标签的class属性是做什么用的?
本文地址: https://pptw.com/jishu/25505.html
css圆角化表格 怎么将普通视频转换成延时

游客 回复需填写必要信息