W3scholl： https://www.w3school.com.cn/html/index.asp
本问只记录一下常用的标签，一些细致的属性等详细信息，请去上面的网站自行翻阅
<body>
<!--全局常用属性
id：id 属性规定 HTML 元素的唯一的 id。在 HTML 文档中必须是唯一的。
id 属性可用作链接锚（link anchor），通过 JavaScript（HTML DOM）或通过 CSS 为带有指定 id 的元素改变或添加样式。
class:class 属性规定元素的类名（classname）。
class 属性大多数时候用于指向样式表中的类（class）。不过，也可以利用它通过 JavaScript 来改变带有指定 class 的 HTML 元素。
class 属性不能在以下 HTML 元素中使用：base, head, html, meta, param, script, style 以及 title。
提示：可以给 HTML 元素赋予多个 class，例如：<span class="left_menu important">。这么做可以把若干个 CSS 类合并到一个 HTML 元素。
提示：类名不能以数字开头！只有 Internet Explorer 支持这种做法。
dir:dir 属性规定元素内容的文本方向。<element dir="ltr|rtl"> //ltr:left to right rtl:right to left
dir 属性在以下标签中无效：<base>, <br>, <frame>, <frameset>, <hr>, <iframe>, <param> 以及 <script>。
style:style 属性规定元素的行内样式（inline style） <element style="value">
style 属性将覆盖任何全局的样式设定，例如在 <style> 标签或在外部样式表中规定的样式。
例：<h1 style="color:blue; text-align:center">This is a header</h1>
title：属性规定关于元素的额外信息。<element title="此处填写提示信息">
这些信息通常会在鼠标移到元素上时显示一段工具提示文本（tooltip text）。
提示：title 属性常与 form 以及 a 元素一同使用，以提供关于输入格式和链接目标的信息。同时它也是 abbr 和 acronym 元素的必需属性。
-->
<!--简单标签-->
<h1 id="h1title">html标签 测试</h1>
横线属性测试：<hr width="50%" size="20px" color="red" align="center"/>
<div id="divname" name="kk">
这是块标签，这是块标签，这是块标签，这是块标签，这是块标签，这是块标签，这是块标签，
<span>行内块标签</span> <span>行内块标签</span> <span>行内块标签</span>
</div>
<pre>
<pre>标签测试
skjfdk
ksdjf
ksjdfk
jsdfk
<pre/>
</pre>
<font size="20" color="green" face="宋体">font标签处理⽹⻚中⽂字的显示⽅式(废弃用css)</font><br/>
测试文字：<b>粗体标签</b><br/>
测试文字：<strong>加粗</strong><br/>
测试文字：<em>强调字体</em><br/>
测试文字：<i>斜体</i><br/>
测试文字：<small>⼩号字体</small><br/>
测试文字：<big>⼤号字体</big><br/>
测试文字：<sub>上标标签</sub><br/>
测试文字：<sup>下标标签</sup><br/>
测试文字：<del>删除线</del><br/>
<img src="img/1689392322588.jpg" width="50%" height="30%"
border="5" align="midle" hspace="30" alt="图片无法显示的时候显示的文字">
<hr/>
<a href="https://www.baidu.com" target="_blank">定义百度连接</a><br>
<a href="#h1title">跳转开头标题</a><br>
<hr/>
<ul type="circle" >
<li>跳转第一章</li>
<li>跳转第二章</li>
<li>跳转第三章</li>
</ul>
<ol type="1" start="1">
<li>有序列表1</li>
<li>有序列表2</li>
<li>有序列表3</li>
</ol>
<hr/>
<form action="/htmldemo/controler01" method="post" enctype="json">
<!--
type:规定 input 元素的类型。
value 属性为 input 元素设定值。
对于不同的输入类型，value 属性的用法也不同：
type="button", "reset", "submit" - 定义按钮上的显示的文本
type="text", "password", "hidden" - 定义输入字段的初始值
type="checkbox", "radio", "image" - 定义与输入相关联的值
注释：<input type="checkbox"> 和 <input type="radio"> 中必须设置 value 属性。
注释：value 属性无法与 <input type="file"> 一同使用。
name:name 属性规定 input 元素的名称。
name 属性用于对提交到服务器后的表单数据进行标识，或者在客户端通过 JavaScript 引用表单数据。
注释：只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。
-->
单行文本框：<input type="text" id="textid" name="textname" class="textclass" placeholder="输入文本" value="abc"/><br/>
密码框：<input type="password" name="password" placeholder="请输入密码" name="password"/><br/>
⽇期框：<input type="date" name="date" min="2021-01-01" max="2021-12-12" /><br/>
时间框：<input type="time" name="time" min="12:00" max="23:59"/><br/>
⽇期和时间框: <input type="datetime" name="datetime" min="2000-01-01T08:30Z" max="2023-02-28T22:55Z"/><br/>
<!--
placeholder="请输入电子邮件地址" 未输入时的提示信息
required="true" 表单提交是是否必须填写
-->
电⼦邮件输⼊<input type="email" name="email" placeholder="请输入电子邮件地址" required="true"/><br/>
数值输⼊：<input type="number" name="number" min="0" max="100" step="2"/><br/>
<!--
multiple="true" 多文件上传
accept="*/*" 文件选择类型
-->
⽂件上传：<input type="file" name="file" multiple="true" accept="*/*"/><br/>
隐藏域：<input type="hidden" name="hidden"/><br/>
取值范围：<input type="range" name="range" min="0" max="100" defaultValue="50"/><br/>
取⾊按钮：<input type="color" name="color" value="#FF8040" /><br/>
<!--普通按钮：<input id="buttonid" type="button" value="普通按钮" onclick="btnclick(this)"/><br/>-->
普通按钮：<input type="button" id="buttonid" name="button" value="普通按钮" /><br/>
表单提交按钮：<input type="submit" value="提交表单"/><br/>
重置按钮：<input type="reset" name="reset"/><br/>
图⽚提交按钮：<input type="image" name="image" src="img/1689392322588.jpg" width="10%" height="3%"/><br/>
单选按钮: <input type="radio" name="radioA" value="1"/>单选一
<input type="radio" name="radioA" value="2"/>单选二
<input type="radio" name="radioA" value="3"/>单选三<br/>
复选框: <input type="checkbox" name="checkboxA" value="a"/> 复选一
<input type="checkbox" name="checkboxA" value="b"/> 复选二
<input type="checkbox" name="checkboxA" value="c"/> 复选三<br/>
</form>
<hr/>
<!--简单下拉列表-->
<b>单选城市：</b>
<select>
<option disabled="true" selected="true">城市</option>
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="广州">广州</option>
</select>
<br/>
<!--分组下拉列表-->
<b>分组城市：</b>
<!--<select multiple="false" size="1">-->
<select>
<optgroup label="河北">
<option value="石家庄">石家庄</option>
<option value="秦皇岛">秦皇岛</option>
<option value="保定">保定</option>
</optgroup>
<optgroup label="河南">
<option value="郑州">郑州</option>
<option value="南阳">南阳</option>
</optgroup>
</select>
<hr/>
<!--文本域-->
<textarea cols="10" rows="3" placeholder="请输入文字"></textarea>
<hr/>
<!--表格-->
<h3 align="left">表格标题</h3>
<table border="3" align="left" cellpadding=5 cellspacing="2" width="400" summary="表格摘要">
<tr>
<th>姓名</th>
<th>姓别</th>
<th>年龄</th>
<th colspan="2">列合并</th>
</tr>
<tr>
<td>张三</td>
<td>男</td>
<td>18</td>
<th colspan="2">无</th>
</tr>
<tr>
<td>李四</td>
<td>男</td>
<td>18</td>
<td rowspan="2">行合并</td>
<td>bb</td>
</tr>
<tr>
<td>王五</td>
<td>男</td>
<td>18</td>
<td>dd</td>
</tr>
</table>
</body>
标签：标签,元素,表单,html,单选,测试,属性 From： https://www.cnblogs.com/ruber/p/17573605.html