标题
标题标签使用的是h1~h6
随着数字的增大,标题等级随之减小
<h1 >标题</h1>
段落
段落标签是p
,表示一段。不过这里的段落标签默认不会段首空2个位置。如果需要首行空2个字,需要在css指定。
<p> 这是一段</p>
css首行空出位置如下,这里表示的是30个像素点
text-indent:30px;
图片
图片标签是img
<img src="https://img1.pconline.com.cn/piclib/200806/26/batch/1/4765/1214495895832cakd1sl2xf.jpg" >
这里的src是图片文件链接,可以是一个网络链接,也可以是一个本地文件路径。通常这里会指定图片大小,一般指定一个即可,这样另一个就会等比例缩放。
视频
视频标签是video
<video src="视频路径" controls ></video>
这里和图片类似,后面的controls可以使视频可以播放和条件音量等。如果没有添加controls将没有任何按钮,会导致无法正常播放。大小缩放和图片相同。
超链接
超链接标签是a
<a href="https://www.baidu.com/" target="_blank">百度</a>
href是跳转的网址,target是打开方式。target是新打开一个标签页跳转。self是在本标签页跳转。
文字加粗
文字加粗标签是b
<b>强调</b>
标签strong也有加粗效果,但是strong是强调。
<strong>强调</strong>
分割线
分割线标签是hr,效果是一条分割线
<hr>
效果如下
换行
换行是br,键盘的回车和\n实际显示的时候并不会显示换行效果。
<br>
空格
空格符是 
,如果是键盘输入的空格,如果输入多个空格,这里只会显示一个,如果使用 ,输入多个可以显示多个空格。
内容
内容可以直接写,不用任何标签包裹,但是这样不好添加效果例如字体大小颜色,行距等。这里可以使用span。一行可以显示多个span。默认直接显示无任何效果.
<span> 文字</span>
块
块是div,该效果是里面内容包裹在一个快中。通常将所有内容都包括在div下。这样可以对快调整位置,使得所有内容位置得到调整。例如居中对齐的效果。
<div> 内容</div>
这里可以这样调整到居中对接。先将内容宽度缩小,例如占用60%,然后左右边距各为20%,auto是平分,也可以手动指定。
<div style="width: 60% margin: auto"> 内容 </div>