HTML第二天

1.表格的基本语法

1
2
3
4
5
6
<table> //表格标签
  <tr> //行
    <td>单元文字</td>//单元格
      <th>姓名</th>//表格头部份
  </tr>
</table>
align left\center\right 对齐方式
border 1/“” 有没有边框
cellpadding 像素 内容与单元格的空白
cellspacing 像素 单元格之间的空白
wdith 像素 宽度

2.表格结构标签

1
2
<thead></thead> //表格的头部区域
<tbody></tbody> //表格的主题区域

3.合并单元格

1
2
rowspan="合并单元格个数" //跨行
colspan="个数" //跨列

4.无序列表

1
2
3
<ul>
<li></li>
</ul>

5.有序列表

1
2
3
<ol>
<li></li>
</ol>

6.自定义列表

1
2
3
<dl>
<dt></dt>
</dl>

7.表单域

1
2
3
<form action="地址" method="提交方式" name="表单域名称">
各种表单元素控件
</form>

8.表单元素

1
<input type="属性值" />
button 点击按钮
checkbox 复选框
file 输入字段和浏览按钮，文件上传
hidden 隐藏输入字段
password 密码字段
radio 单选按钮
reset 重置按钮
submit 提交按钮
text 输入文本
image 图像形式的提交按钮

checked:规定此input元素怒首次加载时应当呗选中

maxlength：输入字段中字符的最大长度

placeholder:占位符

8.label标签

1
2
3
<label for="sex">男</label>
<input type="radio" name="sex" id="sex" />
//一个和id属性相同

9.select表单元素

1697079442675

1
2
3
4
5
6
7
<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
...
</select>
//在<option> 中定义 selected =“ selected " 时，当前项即为默认选中项。

10.texttarea表单元素

用于定义多行文本输入控件

1
2
3
4
5
<textarea rows="3" cols="20">
文本内容
</textarea>
//cols="每行中的字符"
//rows="显示的行数"
1
2
3
4
5
6
7
<form>
<input type=“text " name=“username”>
<select name=“jiguan”>
<option>北京</option>
</select>
<textarea name= "message"></textarea>
</form>