WEB前端——body内常用标签（h,p,img,a）

body中的标签是会显示到浏览器窗口中的，body内的标签只有一个作用就是用来标记语义的，语义指的是从字面意思就可以理解被标记的内容是用来做什么的

虽然不同的标签会有不同的显示样式，但我们一定要强制自己忘记所有标签的显示样式，只记它的语义。因为每个标签的样式各不相同，记忆不同标签的样式来控制显示样式，对前端开发来说将会是一种灾难，更何况添加样式并不是HTML擅长的事情，而且在布局的时候多使用语义化的标签，会方便搜索引擎在爬取网页文件时更好地解析文档结构，从而进行收录。

对于那些只用来修改样式的标签将会被淘汰掉，比如以下标签都是没有语义的，都是用来修改样式的=====》已废弃

#1、<br> 换行
        我是帅气逼人的Egon老师
        <br>
        我是帅气逼人的Egon老师
        我是帅气逼人的Egon老师
        我是帅气逼人的Egon老师

#2、<hr> 分割线

#3、<font> 修改文字大小，颜色
        <font color="red" size="10px">我是哈哈哈</font>

#4、<b> 加粗
        <b>论颜值，我秒杀宇宙</b>

#5、<u> 下划线

#6、<i> 倾斜

#7、<s> 删除线

html5中推出了一些新的标签=====》现在使用

 strong == b

        ins == u

        em == i

        del == s

新的标签是有语义的，而老的只是单纯的添加样式（这是CSS干的事）
        strong的语义：定义重要性强调的文字
        ins的语义（inserted）：定义插入的文字
        em的语义（emphasized）：定义强调的文字
        del的语义（deleted）：定义被删除的文字

具体使用：

<!--<br> 代表换行-->
你好啊<br>哈哈哈哈
<!--<hr> 代表加分割线-->
<hr>
我擦了
<!--<b>加粗</b>  不要用这种-->
<strong>强调</strong>

<!--<u>下划线</u> 已废弃，用下面的-->
<ins>插入</ins>

<!--<i>倾斜</i> 已废弃，用下面的-->
<em>倾斜</em>

<!--<s>删除</s> 已废弃，用下面的
<del>删除</del>

div与span标签都是没有语义的标签，我们在css中讲解

#1、div用来标记一块内容，没有具体的语义。
#2、span用来标记一行中的一小段内容，也没有具体的语义。

二、字符实体

（1）在HTML中对空格／回车／tab不敏感，会把多个空格／回车／tab当作一个空格来处理

（2）字符实体指的是
在HTML中
有的字符是被HTML保留的比如大于号小于号
有的HTML字符，在HTML中是有特殊含义的，是不能在浏览器中直接显示出来的，那么这些东西想显示出来就必须通过字符实体，如下

ps:：实体名称对大小写敏感！

内容	代码
空格	` `
>	`>`
<	`<`
&	`&`
¥	`¥`
版权	`©`
注册	`®`

HTML特殊符号对照表: http://tool.chinaz.com/Tools/HtmlChar.aspx

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--字符实体之空格符-->
你好&nbsp;&nbsp;&nbsp;&nbsp;我擦类&nbsp;&nbsp;&nbsp; 哈哈哈

<p>&lt;print&gt;</p>
<p>100000000000&yen;</p>
<p>egon&amp;lxx</p>
<p>&copy;</p>
<p>&Theta;</p>
</body>
</html>

用法举例

三、h系列标签

语义：标记内容为一个标题，全称headline

h系列标签从h1-h6共6个，没有h7标签，标记内容为1~6级标题，h1用作主标题（代表最重要的），其实是h2。。。

虽然h1-h6标签的显示样式是从大到小，但再次强调：记忆HTML标签的显示样式是没有意义的