1.创建项目
![](https://img-blog.csdnimg.cn/direct/74ce6337119143c2bad3dda2e7c62f9b.png)
2.右击项目,可创建html文件
![](https://img-blog.csdnimg.cn/direct/05f35aae53bd4746b67a17ac5e8773d4.png)
3.保存Ctrl+S,运行一下
![](https://img-blog.csdnimg.cn/direct/d7c5518293b14feeb4d95dc7308c1633.png)
![](https://img-blog.csdnimg.cn/direct/5a086282dced401ebb10af9aad4b33bf.png)
我们写的内容,一般是写在body里面
注释****的快捷键: Ctrl+/
h标签
<h1> 定义重要等级最高的(最大)的标题。<h6> 定义最小的标题**。**
H标签起侧重、强调的作用,可让搜索引擎更好的抓取和分析出页面的主要内容
个人网站一般使用一两个就足够了,可不要为了更改文字大小胡乱设置h标签
![](https://img-blog.csdnimg.cn/direct/244ca84b22a04d64a3579116946733c4.png)
![](https://img-blog.csdnimg.cn/direct/33db3a15fcdf4c578e303225f0e5d5ae.png)
p标签
用于新建一个段落
![](https://img-blog.csdnimg.cn/direct/2f382fcb6ea24e01847432f46ff09d18.png)
![](https://img-blog.csdnimg.cn/direct/c177aec8866f44709681f4748acd1849.png)
而加了p标签之后:
![](https://img-blog.csdnimg.cn/direct/0879140a75774ec2bf00dca653b27bc1.png)
![](https://img-blog.csdnimg.cn/direct/e10a40efb60f4a229ffb3411f6c80303.png)
<br>给段落分行
<hr> 分隔栏
![](https://img-blog.csdnimg.cn/direct/e1f1f1d239b44825b506d226dace2b52.png)
![](https://img-blog.csdnimg.cn/direct/4835989032db43c496c49fc4f726e41b.png)
px是距离单位
居中对齐 align="center"
空格
加粗 <strong> </strong>
![](https://img-blog.csdnimg.cn/direct/a88785fdb4354062a0e571e96b23290c.png)
![](https://img-blog.csdnimg.cn/direct/44622568d97441f1a5eba161f59f6251.png)
下划线 <ins> </ins>
斜体 <em> </em>
![](https://img-blog.csdnimg.cn/direct/591c9bd0e769462084b55992941b9fb6.png)
![](https://img-blog.csdnimg.cn/direct/1f45ca08f0a741c08e4b017e90b65514.png)
div 表示用于给网页添加额外的样式
text-align:center 居中对齐
<img src=" " width=" px" height=" px">
![](https://img-blog.csdnimg.cn/direct/688b87fada8a4bfc9387c80f12465c27.png)
![](https://img-blog.csdnimg.cn/direct/156b3fd8d2c84cd381e8c7e8e9d1ccb4.png)