<body>
1.html标题
<h1>一级标题</h1>
<hr/>创建水平线
<h2>二级标题</h2>
<h2>三级标题</h2>
<h2>四级标题</h2>
<h2>五级标题</h2>
<h2>六级标题</h2>
2.html段落
<p>这是一个段 落<br>
不支持换行
</p>
2.1标签中的多个空格会被解释为一个空格
2.2不支持换行
换行时，可用"<br>"换行
3.html链接
<a href = "https://www.baidu.com/">百度</a>
此时页面会跳转到href对应的url
4.html图像
<br>
<img src = "./test.png" width="258" height="240" alt = "无法载入"/>
引用笔记：
4.1、*.html 文件跟 *.jpg 文件(f盘)在不同目录下：
<img src="file:///f:/*.jpg" width="300" height="120"/>
4.2、*.html 文件跟 *.jpg 图片在相同目录下：
<img src="*.jpg" width="300" height="120"/> 3、*.html 文件跟 *.jpg 图片在不同目录下：
a、图片 *.jpg 在 image 文件夹中，*.html 跟 image 在同一目录下：
<img src="image/*.jpg/"width="300" height="120"/>
b、图片 *.jpg 在 image 文件夹中，*.html 在 connage 文件夹中，image 跟 connage 在同一目录下：
<img src="../image/*.jpg/"width="300" height="120"/>
4.3、如果图片来源于网络，那么写绝对路径：
<img src="http://static.runoob.com/images/runoob-logo.png/" width="300" height="120"/>
5.html属性：
给一个标签tag加上属性，可以标示这个属性
id:唯一的属性，只能有一个
class:类，可以有多个
style:定义行内样式
6.html表格
table表示一个表
tr表示一个表有多少个行
td表示一行有多少个块
<table border="5" width = "25%">
<tr>
<td width = "50">row1</td>
<td>row2</td>
</tr>
<tr>
<td>row1</td>
<td>row2</td>
</tr>
</table>
7.列表
7.1无序列表
<ul>
<li>项目1</li>
<li>项目2</li>
</ul>
7.2有序列表
<ol>
<li>项目1</li>
<li>项目2</li>
</ol>
8.文档分块,主要是结合css使用
<div></div>
<span></span>
9.html表单
<form method="post" action="url">
account:<input type="text" name="user" placeholder="账户"/>
<br>
password:<input type = "password" name="psw" placeholder="密码">
<br>
<input type="button" value="sub"/>
</form>
<form>
<p>你生活在哪个国家？</p>
<input type="radio" name="country" value="China" checked="checked">中国<br />
<input type="radio" name="country" value="the USA">美国
</form>
10.html框架：是得在一个浏览器界面显示不止一个页面，即是在当前html中加载另一个html
<iframe width="320" height="320" src = "sr.html" name = "frame" frameborder = "4"></iframe>
<a href = "https://www.baidu.com/" target="frame">点击在frame中查看</a>
常见遗忘：
<br/>
<hr/>
<!--注释-->
原文：https://www.cnblogs.com/jielearscoding/p/12509690.html