初识Html(二)

表格标签:<table>   </table>

表头标签:<th>   </th>  第一自动加粗,第二自动居中。

行标签 :<tr>  </tr>

单元格标签:<td>  </td>

表格的头:<thead> </thead> 用于存表格的表头

表格的主体:<tbody></tbody>

表格的属性:

Border(表格的边框)、cellpadding(单元格内容与单元格边框之间的空白间距)、cellspacing(单元格与单元格边框之间的空白间距)一般情况下这三个参数的值为0.

caption设置表格标题:<caption> 标题 </caption>

将表格标题设置成居中,

<table>

<caption>表格的标题</caption>

</table>

每个表格只能定义一个标题,这个标题通常放在表格的最上边。

合并单元格:跨行合并rowspan 跨列合并 colspan

跨行合并rowspan 跨列合并 colspan

合并单元格的思想:

将多个单元格合并时,就会有多余的东西,这个时候要把它删除,eg:把三个<td></td>合并时,就多出了两个<td></td>,要删除。

公式是:删除的个数=合并的个数-1

删除的是合并后多余出来的单元格。(要明白哪些单元格是合并后多余出来的单元格!)

合并的顺序是:先上,先左。

Input 表单:

一个完整的表单通常由:表单控件(表单元素)、表单域、提示信息

Input标签:输入的意思  <input  />是个单标签

表单的作用是收集用户信息。

radio属性:如果是一组我们必须为它们附上相同的名字  name,这样就可以多个当中选其中一个了

只要是一组就应该附上相同的名字。

上传头像可以用<tapy=”file”>来做。

eg:<tr>

                <td>性别</td>

                <td>男<input type="radio" name ="sex"></td>

                <td>女<input type="radio" name ="sex"></td>

            </tr>

input控件的常用属性:

 

<lable></lable>标签:用于绑定一个表单元素,点击lable标签的时候,被绑定的表单元素就会获得输入焦点

Eg:

<label>用户名:<input type="text" /></label>

    <br />

<label>密&nbsp码:<input type="text" /></label>

点击“用户名”,光标就会在文本框中显示。

lable标签中的for属性与id表单属性绑定

<lable for=”male”>Male</lable>

<input type=”radio” name=”sex” id=”male” value=”male”>

textarea文本域:

text:只可以输入一行文字,不可以换行

textarea:可以输入多行文字,可以换行

如果需要多行输入大量的信息,就需要用到<textarea></textarea>标签了,

语法格式如下:

<textarea cols=”每行中的字符数” rows=“显示的行数”>

</textarea>

猜你喜欢

转载自www.cnblogs.com/ccllff/p/9206305.html