1、HTML基本单元
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
2、HTML表格、表单、标题、链接、图片、段落
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>这个是title,显示在上面,记住了</title>
<h1>这个指一级标题,真的是超级大</h1>
<h2>这个指二级标题,真的是老二</h2>
</head>
<body>
<li>这个是行标签,标签,标签,重要的事情说三遍</li>
<hr/>
<p>这个代表段落,段落段落,记住喽</p>
<p>这个代表段落,<br/>段落段落,记住喽</p>
<a href="https://www.baidu.com" target="_self">点我去百度看看,href后面写链接地址,target表示在上面窗口打开</a><br/>
<img src=""alt="如果图片连接失败了我就是你能看到的替罪羊,如果成功显示,我们避而不见,我这次不写"/>
<h4>下面是表格,带框、表头、跨列单元:</h4>
<table border = "1">
<tr>
<th>表头1</th><th>表头2</th><th>表头3</th>
</tr>
<tr>
<td>第1行第1列</td><td>第1行第2列</td><td>第1行第3列</td>
</tr>
<tr>
<td>第2行第1列</td><td colspan="2">第2行第2列,占了两列</td>
</tr>
</table>
<h4>表单</h4>
<table>
<tr>
<td>
<ul><li>表1</li><li>表2</li><li>表3</li></ul>
</td>
<td>
<ol><li>表1</li><li>表2</li><li>表3</li></ol>
</td>
</tr>
</table>
<dl>
<dt>表单1</dt><dd>先看看效果</dd>
<dt>表单2</dt><dd>先看看效果</dd>
<dt>表单3</dt><dd>先看看效果</dd>
</dl>
</body>
</html>
三、展示
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/eb2024e634f9c2dd6a4cad519791c558.png)