HTML标签二

发表于 | 分类于

link table form表格，表单标签

link标签

网页title中放置小图标

1
<link rel="icon" href="favicon.ico">

引入外部样式

同级目录

1
2
<link rel="stylesheet" href="./index.css">
<link rel="stylesheet" href="index.css">

父级目录

1
<link rel="stylesheet" href="../index.css">

根目录

1
<link rel="stylesheet" href="/index.css">

table标签

结构

1
2
3
4
5
<table>
    <thead>头</thead>
    <tbody>身体</tbody>
    <tfoot>脚</tfoot>
</table>

常用

1
2
3
4
5
6
7
8
<table>
    <tr>
        <th>表头</th>
    </tr>
    <tr>
        <td>表单</td>
    </tr>
</table>

横向合并

1
2
3
4
5
<tr>
  <td></td>
  <td colspan="2"></td>
  <td></td>
</tr>

纵向合并

1
2
3
4
5
<tr>
  <td></td>
  <td rowspan="2"></td>
  <td></td>
</tr>

表单

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<form class="" action="index.html" method="post">
  用户名:
  <input type="text" name="" value="" >
  密码:
  <input type="password" name="" value="">
  单选按钮: 默认选中
  <input type="radio" name="" value="" checked="checked">
  下拉列表:
  <select class="" name="">
    <option value=""></option>
    <option value="" selected="默认选中项"></option>
  </select>
  多选效果
  <select multiple="multiple" class="" name="">
  </select>
  多行文本输入框
  <textarea name="name" rows="8" cols="80">
  </textarea>
  数字选择
  <input type="number" name="" value="">
  手机选择
  <input type="tel" name="" value="">
  文件上传
  <input type="file" name="" value="">
  图片上传
  <input type="image" name="" value="">
  日期选择
  <input type="date" name="" value="">
  时间选择
  <input type="time" name="" value="">
  色彩选择
  <input type="color" name="" value="">
  URL选择
  <input type="url" name="" value="">
  邮箱选择
  <input type="email" name="" value="">
  进度条
  <input type="range" max="100" step="5" name="" value="">
  表单提交按钮
  <input type="submit" name="" value="">
  普通按钮
  <input type="button" name="" value="">
  重置按钮
  <input type="reset" name="" value="">
</form>