índice
3.1.3 Etiqueta da estrutura da tabela
3.3.1 Campos do formulário e seus atributos
3.3.2 Controles de formulário (elementos de formulário)
Prefácio
Este artigo registra principalmente os pontos de conhecimento relevantes de HTML , seguidos por HTML (2) tags HTML (topo) , e será atualizado continuamente. Se houver algum erro, dê alguns conselhos.
3.html tag (abaixo)
3.1 Etiqueta do formulário
A tabela é usada principalmente para exibir dados , tornando-os mais intuitivos e padronizados .
<table>
<tr> <th> </th> <th></th > </tr>
<tr> <td> </td> <td></td> </tr>
<tr> <td> </td> <td></td> </tr>
<tr> <td> </td> <td></td> </tr>
<tr> <td> </td> <td></td> </tr>
</table>
3.1.1 Componentes
- Formato
<table></table>
- Linha
<tr><tr>
- Célula
<th></th> <!--表头单元格,加粗居中-->
<td></td> <!--普通单元格-->
3.1.2 Propriedades da Tabela
- posição
align=" left/center/right"
- quadro, Armação
border="0无/1有"
- A distância entre o conteúdo e a fronteira
celllpadding="像素值"
- Espaçamento de borda
sellspacing="像素值"
- Altura da mesa
hight="像素值"
- Largura da mesa
width="像素值"
3.1.3 Etiqueta da estrutura da tabela
Usado para distinguir o cabeçalho do corpo , tornando a estrutura mais clara
- Cabeçalho
<thead></thead>
- Corpo da mesa
<tbody></tbody>
3.2 Tags de lista
3.2.1 Lista não ordenada
Não há requisitos para a ordem dos elementos na tabela , que é mais comumente usada
<ul>
<li></li>
<li></li>
<li></li>
</ul>
Nota:
<ul> <ul> pode conter apenas <li> </li> elementos, não outros elementos. Se quiser colocar outros elementos, você só pode colocá-los em <li> </li>.
3.2.2 Lista Ordenada
Existem requisitos de pedido para os elementos da tabela , não comumente usados
<ol>
<li></li>
<li></li>
<li></li>
</ol>
<ol> <ol> pode conter apenas <li> </li> elementos, não outros elementos. Se quiser colocar outros elementos, você só pode colocá-los em <li> </li>.
3.2.3 Lista personalizada
Adequado para explicação e descrição de termos
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
<dd></dd>
</dl>
<dl> </dl> pode conter apenas elementos <dd> </dd> e não pode conter outros elementos. Se você quiser colocar outros elementos, você só pode colocá-los em <dd> </dd>. -0
3.3 tags de formulário
3.3.1 Campos do formulário e seus atributos
- Campo de formulário
<form></form>
- Atributos
action="url地址" method="post/get" name="表单名"
3.3.2 Controles de formulário (elementos de formulário)
(1) controle <input>
- atributo de tipo
type=""
text <!--文本输入框-->
password <!--密码框-->
radio <!--单选框-->
checkbox <!--复选框-->
submit <!--提交按钮-->
reset <!--重置按钮-->
button <!--普通按钮-->
file <!--文件按钮-->
- atributo de nome
name="控件名称"
用于区别不同表单控件
必须定义在type属性之后
单选框和多选框的属性值必须一样
atributo de valor
规定input的初始值
- atributo verificado
当input打开时的默认选项
主要针对于单选和复选框
- atributo maxlength
用于规定输入文本的最大长度
- atributo de etiqueta
将文本与表单元素(主要是单选、复选、文本输入框)绑定,增加用户体验
<label for ="123" > 内容</label>
<input type="text" id="123">
(2) <select> </select> controle suspenso
<select>
<option>选项一</option>
<option>选项二</option>
<option>选项三</option>
</select>
(3) <textarea> </textarea> controle de campo de texto
- atributo cols
- atributo de linhas
Classifiquei ligeiramente o mapa mental em HTML e amigos interessados aprenderam. Não há muito a dizer, o link é o seguinte:
Link: https://pan.baidu.com/s/1bXNOqhBqhhR1iJl-ICA8jg Código de extração: bl7x