目录
学习
一、html简介
二、结构
三、标题和段落标签
刷题（第一期）
学习
一、html简介
html（超文本标记语言），标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
二、结构
头部：<head></head>中的内容， 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。
可以添加到 head 部分：、<base>、<link>、<meta>、<script> 以及 <style>。
主体：<body></body>中的内容。
<html></html>中包含了整个页面的所有内容，称为根元素。
上图则为 html代码的一个基本格式。
vscode中输入一个叹号就能实现。
<meta charset="UTF-8">：该文档使用的字符集，设置为UTF-8
<meta http-equiv="X-UA-Compatible" content="IE=edge">：针对IE8新加的一个设置，对于IE8之外的浏览器是不识别的。
<title>Document</title>：设置了页面的标题
三、标题和段落标签
标题
标签
<h1></h1>~<h6></h6>
<h1>这是1级别的标题</h1> <h2>这是2级别的标题</h2> <h3>这是3级别的标题</h3> <h4>这是4级别的标题</h4> <h5>这是5级别的标题</h5> <h6>这是6级别的标题</h6>
效果如下：
插播一条小技巧 ：
创建多个不同标题标签
标签名${标题$文本内容}*标签重复次数
就如上面的，可以用
h${这是$级别的标题}*6
属性
| 属性 | 值 | 说明 |
| align | left | 靠左对齐 |
align |
right | 靠右对齐 |
| align | center |
居中对齐 |
段落
标签
<p></p>
<p>天若无道，就该遵循天命</p> <p>天若有道……</p>
效果如下：
属性
| 属性 | 值 | 说明 |
| align | left | 靠左对齐 |
align |
right | 靠右对齐 |
| align | center |
居中对齐 |
刷题（第一期）
第一题：
解题：导航标签为<nav></nav>
<header></header>标签定义文档的页眉（介绍信息）
<header> <nav></nav> </header>
第二题：
解题：输入框为input标签
使用type属性的password值为密码，checkbox为复选框。
默认值使用value属性，已勾选状态使用checked属性。
<form> <!-- 补全代码 --> <input type='password' value='nowcoder'/> <input type='checkbox' checked/> </form>
第三题：
解题：表格结构为 <table> <tr> <td></td> </tr> </table> 表格标题：<caption></caption>
<table> <caption>nowcoder</caption> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table>
第四题：
解题：新窗口打开文档，用a标签的target属性的_blank 值。
<a href="#" target="_blank"></a>
第五题：
解题：自定义列表格式
解题：自定义列表格式 <dl> <dt> <dd></dd> </dt> </dl>
<dl> <dt>nowcoder</dt> <dd>nowcoder</dd> </dl>
