![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
PHPzCorrection status：qualified
Teacher's comments：用心了，如果能在标签内加入具体的内容就更加完美了
Collection
Collection
HTML 指超文本标记语言。
html 大小写无关标签有成对的也有不成对的1.成对
<p></p> <h1></h1> <div></div>
2.不成对
<br/> <hr/> <link/>
<!--注释内容 可以多行-->
<!--空格-->> <!-->-->< <!--<-->© <!--版权符号©-->
<!--第一行 声明文件类型--><!--<!DOCTYPE html>--><!--html文档结构<html lang="en"> lang 为html标签的属性 表明语言种类 en英文 zh_cn 中文<head>头部标签</head><body>主体标签</body></html>
<head></head>头部标签
<!--头部标签--><head><!-- meta标签 --><meta charset = "utf-8" /><!-- 设置页面字符集 --><!-- http-equiv 告知浏览器行为 --><meta http-equiv="refresh" content="5;url=https://www.baidu.com"/><!-- 设置5秒后自动跳转到百度 --><meta http-equiv="refresh" content="5"/><!-- 设置页面5秒刷新一次 --><!-- name 告知浏览器内容 --><meta name="keywords" content="php,html,css,javascript "/><!-- 设置网站关键字，多个关键字用英文状态下逗号分隔 --><meta name="description" content="描述内容"/><!-- 设置网站的描述 --><!-- link 标签rel="文档与被链接文档之间的关系"type="被链接文档的类型"href="被链接文档的地址" --><link rel="icon" type="" href="./favicon.ico" /><link rel="stylesheet" type="text/css" href="./toc/css/demo.css" /><!-- 加载外部css样式文件 --><style></style><!-- 页面css样式 --><script></script> 页面js脚步<meta name="viewport" content="initial-scale=2.0,width=device-width" /><!-- name = "viewport" 视口的属性 --><!-- initial-scale=2.0 将页面放大两倍 --><!-- width = device-width 告诉浏览器页面的宽度与设备等宽 --><meta name="viewport" content="width=device-width,maximum-scale=3,minimum-scale=0.5" /><!-- 允许用户将页面最大放大到设备宽度的3倍，最小缩小至设备宽度的一半 --><meta name="viewport" content="initial-scale=1.0,user-scalable=no" /><!-- 禁止用户缩放，可以在混合APP时，为了使html页面更逼真，禁止页面缩放 --></head>
<body></body> 标签
<p>这是段落标签</p><b>加粗</b><strong>强调</strong><em>强调</em><i>斜体</i><br/> 换行<hr /> 水平线<del>删除线</del><!--h族标签--><h1>h1标签</h1><h2>h2标签</h2><h3>h3标签</h3><h4>h4标签</h4><h5>h5标签</h5><h6>h6标签</h6><!--h族标签只有h1--到h6--><bdo>覆盖默认的文本方向</bdo><label for="">H<sub>2</sub>O</label><!-- sub下标文本 --><label for="">M<sup>2</sup></label><!-- sup上标文本 --><details><summary>details 自定义标题</summary>品名： <br/>价格： <br/>描述：<br/></details><!-- 交互式空间，可见或隐藏补充细节 --><dialog></dialog><!-- 定义对话框或者窗口 --><figure></figure><figure><p>figure 组合</p><img src="./favicon.ico" width="350" height="234" /></figure><!-- 用于对元素进行组合。多用于图片与图片描述组合 --><mark>标记文本</mark>
<div></div><span></span><header></header><footer></footer><nav></nav><address></address><section>标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。</section><article>标签的内容独立于文档的其余部分</article><aside></aside>
<ul>无序列表<li>PHP</li><li>html</li><li>css</li><li>javascript</li></ul><ol>有序列表<li>PHP</li><li>html</li><li>css</li><li>javascript</li></ol><li>列表中的项目</li><dl> 自定义列表<dt>计算机</dt><dd>用来计算的仪器</dd><dt>显示器</dt><dd>用于显示的装置</dd></dl>
<a></a><a href="./favicon.ico" target="_self"></a><!-- href="" 需要跳转的页面地址target="页面打开方式" 常用值： _self默认，当前窗口打开链接 _blank 在新窗口中打开文档 -->
<img /><map></map><area /><audio></audio><source /><video></video><embed/><progress></progress><meter></meter>
<table><caption>主题</caption><thead><tr><th>ID</th><th>Name</th><th>Score</th></tr></thead><tfoot><tr><td></td><td>SUM</td><td>100</td></tr></tfoot><tbody><tr><td>1</td><td>PHP</td><td>100</td></tr></tbody></table>
<form action="" method="post"><!-- 必须属性：action: 浏览者输入数字被传送到的地方，比如一个PHP页面method: 数据传送方式get:此方式传递数据量少，但是传递的信息会显示在网址上。post:此方式传递信息多，而且不会把传递的信息显示在网址上。 --><input /><!-- 为用户定义需要使用的表单项name:此表单项的名称value:此表单项的值type:代表一个输入域的现实方式（输入型，选择型，点击型）--><input type="text" name="" value="" /><!-- 普通文本域 --><input type="password" name="" value="" /><!-- 密码域 --><input type="radio" name="" value="" /><!-- 单选 --><input type="checkbox" name="" value="" /><!-- 复选框 --><label></label><!-- 为input元素定义标注（绑定元素） --><input type="file" name="" value="" /><!-- 文件上传 --><input type="submit" name="" value="" /><!-- 提交按钮 --><input type="image" src="" title="" alt="" /><!-- 用图片代替提交按钮 --><input type="reset" name="" value="" /><!-- 重置按钮 --><input type="hidden" name="" value="" /><!-- 隐藏域 --><input type="button" name="" value="" /><!-- 按钮 --><button></button><button type="submit"></button><!-- 提交按钮 --><button type="button"></button><!-- 普通按钮 --><textarea></textarea><!-- 多行文本输入域 --><select><!-- 下拉列表 --><optgroup><!-- 下拉列表分组 --><option>A</option><!-- 下拉列表项 --><option>B</option></optgroup><optgroup><option>AA</option><option>BB</option></optgroup></select><fieldset><!-- 将表单内的香港元素分组 --><legend>fieldset</legend></fieldset><datalist><!-- 定义可选数据列表 --></datalist><hr/><!-- 新增类型 --><input type="email" name="" value="" /><input type="url" name="" value="" /><input type="number" name="" value="" /><input type="range" name="" value="" /><input type="search" name="" value="" /><input type="color" name="" value="" /><input type="tel" name="" value="" /><input type="date" name="" value="" /><input type="time" name="" value="" /><input type="week" name="" value="" /><input type="month" name="" value="" /><input type="datetime-local" name="" value=""><!-- 表单常用属性 --><!-- readonly 输入域可以选择，但是无法修改disabled 输入域无法获取焦点，无法选择，以灰色显示selected 为下拉列表定义默认选中autofocus 自动获取焦点属性placeholder 表单提示信息required 用于强制用户必须为该表单赋值min 用于设定表单的最小值max 用于设置表单的最大值multijple 设定当前表单允许同时选中多个文件，适用于input[type=file]pattern 用于自定义验证规则（需要配合正则表达式的语法）step 设定跳步的数值或者设定2个数值之间的间隔novalidate 取消表单验证，适用于form标签formaction 用于在提交按钮中修改当前表单的提交页面formmethod 用于在提交按钮中修改当前表单的提交方式formenctype 用于提交按钮中修改当前表单提交数据编码类型（不用，文件上传时使用）tabindex 切换索引属性 --></form>
contenteditable 内容可编辑属性designmode 页面可编辑属性