一、字符实体
HTML中有一些字符是预留出来作特殊用途的
我是换行标签
啊
我们本意是在浏览器中显示：
但 运行一下浏览器显示的是
想一想很明显浏览器是直接将
解析成换行符了，这里的小于号<,大于号>在超文本标记语言中是特殊的标签，我们想在浏览器中表达它就需要一些特殊的字符去代替它。
我是换行标签<br>啊
/*比如 上面 <表达的就是<
>表达的就是>
*/
像这样特殊的字符就是字符实体，书写格式一般有2种:
&entity_name;
&#entity_number;
比较常用的有
空格:
大于号:>
小于号:<
&:&
-
例子：
1、
屏幕快照 2019-03-08 下午5.44.27.png
我是换行标签<br>啊
我是段落标签<p></p>
2、
字符实体 字符实体
字符实体 代表空格
4、
我是div
我是div
我是div
我是div
总结 :（1）、元素的属性值可以单引号包住，但不建议这么做
（2）、元素的属性值可以不用单引号和双引号，但不建议这么做
（ 3）、建议元素 的属性值一定要用双引号" "包住
（4）、如果属性值里面出现了特殊字符，应该用字符实体代替。
5、
让我们在早前的例子中添加第sangge
<div class = "container'>
<p>Slbling 2</p>
<p>Slbling 3</p>
<p>Slbling 4</p>
</div>
在这里其实我们可以不用code标签的，但我们应该使用了code标签，这样更能清楚 地表达这是 一段代码 ，表明清楚你的 语义
二、img标签
- 1、img标签的基本介绍
Title
img(img标签中的img其实是英文image的缩写
所以img标签的作用, 就是告诉浏览器我们需要显示一张图片)
img标签格式: ，其实img标签中的src是英文source的缩写,所以img标签中的src就是用来告诉img标签,将要加载哪一张图片。属性scr的值是网络路径或者本地路径。alt其实是英文alternate的缩写, 它的作用就是用于告诉浏览器, 当需要显示的图片找不到时显示什么内容。在HTML5规范中,alt属性是img标签的必要属性 。
注意点：
1.img标签不会独占一行
2.如果我们手动指定了img标签显示的图片的宽度和高度, 有可能会导致图片变形, 那么如果又想指定宽度和高度, 又不想让图片变形. 我们可以只指定宽度和高度其中的一个值即可
3.只要指定了高度, 系统会自动根据高度计算出宽度, 只要指定了宽度, 系统会自动根据宽度计算出高度, 并且都是等比拉伸的, 也就是说不会变形
4.img中的其它属性
width: 宽度
height: 高度
所以在img标签中width/height这两个属性的作用, 就是用来告诉img标签将来需要显示的图片有多宽有多高
如果img标签没有指定需要显示的图片的宽高, 那么系统会按照图片默认的宽高来显示
如果img标签指定的宽高, 那么系统会按照指定的宽高来显示
title: 用于告诉浏览器, 当鼠标悬停在图片上时, 需要弹出的描述框中显示什么内容
- 2、加载显示本地图片
Title
相对路径：由这个文件所在的文件夹引起的跟其它文件的路径关系
绝对路径：完整的描述文件位置的路径
通过相对路径给scr 赋值：
- 同级：图片和html在同一文件夹
2.下级:"存储图片的文件夹"和".html文件"在同一个文件夹中
其中一个.代表当前文件夹（也就是当前代码所在的文件夹，./可以省略)
3.上级：上级就是"存储图片的位置"和存"储代码的文件夹"在同一个文件夹中
其中两个.代表当前文件夹的上级文件夹
通过绝对路径赋值
注意：1.路径中不要出现中文, 否则可能出现未知问题；
2.开发中绝对路径赋值移植性差不便于团队开发，因此在开发中不用绝对路径赋值，使用相对路径赋值。
3.以后企业开发中如果需要编写路径，统一使用右斜杠/，不要适用左斜杆\，因为将来我们开发的程序可能会部署到其他操作系统的服务器上，而在其他操作系统中路径都/，所以写的不是/，可能会引发问题。
3、常用图片格式
png:静态图片,支持透明
jpg：静态图片,不支持透明
gif:动态图片、静态图片,支持透明
4、像素
width、height的默认单位是px,像素。
像素(px)是图像显示的最小单位，每个像素都能表示一种颜色。计算机显示出来的图像都是一堆像素组成的。
组成图片的像素越多，显示越清晰