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设置单元格所占列数
Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有 粤ICP备16019765号
广州京杭网络科技有限公司 版权所有