2019-03-28

表格

1、表格的作用
按照一定的格式来显示数据
2、创建表格
1、定义表格:<table></table>
2、创建表行:<tr></tr>
3、创建单元格(列):<td></td>

  注意:保证每行的列数都是一致的

3、表格的属性
1、table 属性
1、width :宽度
2、height :高度
3、align
作用:设置表格元素的水平对齐方式
取值:left/center/right
4、border :边框宽度
5、cellpadding
内边距-单元格边框与内容之间的距离
6、cellspacing
外边距-单元格之间的距离
7、bgcolor :背景颜色
2、tr 属性
1、align
当前行的文本 水平对齐方式
3、bgcolor
当前行的 背景颜色
4、colspan :设置单元格跨列
5、rowspan :设置单元格跨行
4、表格的子元素
1、<caption></caption>
作用:定义表格的标题
2、行标题/列标题
显示效果:水平居中,并且加粗显示文本
<th></th> --> <td></td>
1、colspan
跨列,合并列
横向向右 合并几个单元格(包含自己)

    注意:被合并的td,一定要删除
 2、rowspan
    跨行,合并行
    纵向向下 合并几个单元格(包含自己)
  3、表格的嵌套
     表格可以嵌套其他的表格
 被嵌套的表格 要 出现在 <td></td>中

表单(重难点)

input

type="text"        文本类型
type="password"    密码类型
type="radio"       单选框
type="checkbox"    复选框
#
 p
 i  em
 b  strong
 s
 u

 a
 img  但标记


 &nbsp;
 &lt;<
 &gt;>
 &copy; 
 <br/>
 <hr/>

div 

 ol
   li

 ul
   li
 dl
  dt
  dd
 
 table
   tr  行    
     td 列   th 

#表单
  input  输入框  单标记
  <input>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 列表 1、作用按照一定的结构显示数据将 一组数据按照从上到下的顺序来进行排列2、列表的组成由 列表类型 和 列表项...
    sheng520阅读 3,517评论 0 0
  • 1、有序列表 2、无序列表 3、嵌套列表 4、定义列表 表格 1、表格的作用按照一定的格式来显示数据2、创建表格1...
    725810阅读 832评论 0 0
  • 一,HTML语言的一般语法: 1,围堵标记:<>… 1)带属性的标记: … 2)无属性的标记:加粗 居中 标题 2...
    清水易蓝阅读 5,040评论 0 2
  • 固定定位:固定定位的元素会被锁定在屏幕的某个位置上,当访问者滚动网页时,固定元素会在屏幕上保持不动。 当将posi...
    _奋斗努力阅读 3,030评论 0 0
  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 4,831评论 0 0