HTML基础知识点

目标:

1.能够书写表格

2.能够写出无序列表

3.能够写出3到4个常用input表单类型

4.能够写出下拉列表表单

5.能够使用表单元素实现注册页面

6.能够独立查阅W3C文档

表格标签

表格标签是开发中最常用的标签

1.表格的主要作用

表格主要用于显示,展示后台数据.因为它可以让数据表现的很有条理     最主要作用:不是用来布局页面的,而是用来展示数据的

2.表格的基本语法

表头单元格标签

为了方便突出所要区分的类别

表格属性我们一般是通过CSS来设置a

表格结构标签

<thead></thead>: 用于定义表格的头部.<thead>内部必须用于<tr>标签.一般位于第一行

<tbody></toby>:用于定义表格的主体,主要用于存放数据本体

以上标签都放在<table></table>中

合并单元格

合并单元格的方式:

1.跨行合并:rowspan="合并单元格的个数"

2.跨列合并:colspan="合并单元格的个数"

跨行:最上侧单元格为目标单元格,即从上往下合并

跨列:最左侧单元格为目标单元格,即从左往右合并

合并单元格三步:

第一步 先确定是跨行还是跨列合并

第二步 找到目标单元格,写上合并方式= 合并单元格数量. 比如: <td colspa="2"> </td>

第三步 删除多余的单元格

列表标签(用来布局的)

列表和表格的区别是什么?

表格是用来显示数据的,列表是用来布局的

列表最大的特点: 整齐,整洁,有序,它作为布局会更加自由和方便

根据使用情景不同,列表可以分为三类: 无序列表,有序列表和自定义列表

无序列表(重点)

<ul>标签表示HTML页面中项目的无序列表, 使用<li>标签定义列表项

 无序列表中的一些规范:

1.<ul>标签中只能放入<li>标签

2.无序列表的各个列表项之间没有顺序级别之分,是并列的

3.但是<li>标签内是可以放入元素的,可以将<li>标签视作一个容器

4.无序列表会带有自己的样式属性(就是小圆点),但是在实际使用时候,我们会使用CSS来设置的

有序列表:(实际开发中使用较少)

有序列表即为有排列顺序的列表,其各个列表项会按照一定的顺序排列定义

使用规范(与无序列表基本一致)

自定义列表:

页面底部的设计可以使用自定义列表来做

自定义列表常用于对属于或名词进行解释和描述,自定义列表的列表项前面是没有符号的

比如:

<dl>标签代表是自定义列表  <dt>定义的就是将要被修饰的名词  <dd>对dt进行描述和说明的  

 语法规范:

1.<dl></dl>里面只能包含<dt>和<dd> 

2.<dt>和<dd>个数没有限制,经常是一个<dt>对应多个<dd>   ( <dd> 和 <dt>是并列关系)

列表知识点总结: