拓展阅读的标签

拓展阅读的标签

1.表单

(1)<from>:定义供用户输入的HTML表单。
(2)<input>:用于收集用户信息。包含type属性,type属性设置不同的属性值用来指定不同的控件类型。如下:

a.action:用于指定接受并处理表单数据的服务器程序的url地址。

b.method:用于设置表单数据的提交方式,其取值为get或pos

c.type:指定元素的类型。

1).text(用户可在其中输入文本,默认宽度为20个字符)

2).password(定义密码字段,该字段中的字符被掩码)

3).checkbox(定义复选框)

4).radio(定义单选按钮)

5).submit(定义提交按钮)

6).reset(定义重置按钮,重复按钮会清除表单中的所有数据)

7).file(定义输入字段和“浏览”按钮,供文件上传)

8).hidden(定义隐藏的输入字段)

9)image(定义图像形式的提交按钮)

10)button(定义可点击按钮)

d.name:指定表单元素的名称。

e.value:元素的初始值。type为radio时必须指定一个值。

f.size:指定表单元素的初始宽度。当type为text或password时,表单元素的大小以字符为单位。对于其他类型,宽度以像素为单位。

g.maxlength:type为text或password时,输入的最大字符数。

h.checked:type为radio或checked时,指定按钮是否是被选中。
在这里插入图片描述
在这里插入图片描述

(3)<textarea>:定义多行的文本输入控件。

语法:

          <textarea rows="3"  cols=“20”>

​               文本内容

​           </taxtarea>

注:cols=每行中的字符数 ,rows=显示的行数

(4)<button>:定义按钮。
(5)<select>:定义选择列表(下拉列表)。
(6)<option>:定义选择列表中的选项。

语法:

            <select><option>选项1</option><option>选项2</option><option>选项3</option>

​                     ...

​             </select>

注:<select>中至少包含一对<option>

​ 在<option>中定义select=“selected”时,当前项即为默认选中项。

(7)<label>:定义input元素的标注。

语法:

            <label for="sex"></label><input type="radio" name="sex"   id="sex"/>

​ 注:for属性应当与相关元素的id属性相同。

2.表格

表格的基本语法:

<table><tr><td> 单元格内的文字</td>

​         ...

​       </tr>

​        ...     

</table >

表头单元格标签:

<table><tr><th>姓名<th>

​      ...

​       </tr>

​       ...

 </table>

(1) <table>:定义表格。

(2)<caption>:定义表格标题。
(3)<th>:定义表格中的表头单元格。
(4)<tr>:定义表格中的行。必须嵌套在<table></table>标签中。
(5)<td>:定义表格中的单元。必须嵌套在<tr></tr>标签中。
(6)<thead>:定义表格中的表头内容。
(7)<tbody>:定义表格中的主体内容。
(8)<tfoot>:定义表格中的表注内容(脚注)。

在这里插入图片描述
在这里插入图片描述

3.样式/节

(1)<style>:定义文档中的样式信息。
(2)<div>:定义文档中的节。
(3)<span>:定义文档中的节。
(4)<header>:定义section或page的页眉。
(5)<footer>:定义section或page的页脚。

4.链接

(1)<a>:定义锚。
(2)<link>:定义文档与外部资源的关系。
(3)<nav>:定义导航链接。

5.图像/音频/视频

(1)<img>:定义图像。
(2)<audio>:定义声音内容。
(3)<video>:定义视频。

猜你喜欢

转载自blog.csdn.net/ttttsuki/article/details/109267289