实体

在网页里面写多个空格，但是浏览器都会把这些空格识别成一个，

在HTML种的有些时候，我们不能书写一些特殊符号，

比如，连续的多个空格，还有字母两侧的大于小于号，

如果我们需要在网页中书写浙西特殊符号，则需要书写html的

可以用&nbsp加上一个分号来表示空格 

&gt标识大于号，&lt表示小于号，&copy表示版权

meta属性是设置一些网页的元数据，不是给用户看的，是给浏览器看的，

charset是指定网页的字符集，name指定的数据的名称，content指定的数据的内容

description是网站的描述，会显示在搜索引擎的搜索结果种

title标签的结果内容会作为搜索结果的超链接上的文字显示

<

可以进行页面跳转，3的意思就是延迟3秒，后面加的网站地址就是要跳转的页面，

语义化标签

一般情况下，只会用到h1-h3，h4-h6很少用，每个标题标签都独占一行，

在页面种独占一行的元素成为块元素，在页面种不会独占一行的元素，称为行内元素

p标签的内容表示的就是一个段落，就是一个段落，p也是一个块元素，

<hgroup>标题组，可以对内标题进行分组，

<em>标签表示语音语调的一个加重，会使字体变斜，

<strong>表示强调重要内容，会使字体加粗

<blackqoute>这个是引用型标签，表示一个长引用，是块元素，

<q>就会在字的两边加上双引号，是一个行内元素，

<br>就是换行元素，写上就会自动换行

块元素和行内元素

• 块元素

  在网页中通过块元素进行布局

• 行内元素

  行内元素主要用来包裹文字，

  一般是在块元素里面放行内元素，而不会在行内元素里面放块元素

块元素几乎什么都能放

p元素里面不能放任何元素

浏览器在解析网页是时候，会对我们写的不规范的东西进行修正，比如，标签写在了根元素的外部，p元素嵌套了块元素，根元素中出现了除了head和body以外的子元素。

nav表示网页中的导航

aside表示和主题相关，但是又不属于主题（侧边栏）

atrticle表示为一个独立的文章

section表示一个独立的区块，上边的标签都是不能使用section

div没有语义，可以代替上面的所有，是最主要的布局元素

span行内元素，没有任何语义，一般用在网页中的选取文字，

列表（list）

在html中也可创建列表，

• 无序列表

  用ul来创建无序列表，用li来表示列表项

  • 结构
  • 表现
  • 行为

• 有序列表

  用ol标签来创建列表，用li来表示列表项

  1. 结构
  2. 表现
  3. 行为

但是基本用的不是太多，

• 定义列表

  用dl来创建列表 使用dt来表示定义的内容，用dd来进行解释说明

  结构

  结构表示网页的结构，结构用来规定网页中哪里是标题，哪里是段落

  结构表示网页的结构，结构用来规定网页中哪里是标题，哪里是段落

  结构表示网页的结构，结构用来规定网页中哪里是标题，哪里是段落

列表之间可以相互嵌套

超链接

可以让我们从一个页面跳转到另一个页面，

超链接

超链接也是一个行内元素，在a标签里面可以嵌套除他自身以外的任何元素，

href指定跳转的目标路径，可以是外部连接，也可也是内部页面的地址

如果跳转到内部地址，前面默认是有./

./就是当前文件路径，

../当前文件目录的上级

超链接有target属性，可选值有以下几个

• _self是默认值，默认在当前页面打开超链接
• _blank 在一个新的标签页中打开超链接

回到顶部

可以使用javascript:;来作为href的属性，点了什么都不会发生

id属性

每一个标签都可以添加id属性，同一个页面不能出现同样的id属性

图片标签

img这种元素属于替换元素，是基于行内元素和块元素之间

用src引用图片地址就可以，外部内部都可以

alt元素是图片的元素，默认浏览器不会显示，有些浏览器会在图片无法加载的时候显示，

最主要的功能是搜索引擎在alt中的内容来识别图片

还有width和height的属性

• 宽度和高度如果只修改了一个，则另一个会等比例缩放

注意一般情况下，不建议修改图片的大小 需要多大的图片就裁剪多大

图片的格式

jpeg(jpg)

支持的颜色比较丰富，不支持透明效果，不支持动图

一般用来显示图片

git

支持的颜色比较少，支持简单透明，支持动图

颜色单一的图片

png

支持的颜色丰富，支持复杂透明，不支持透明

颜色丰富，复杂透明的(专为网页而生的)

webp

这是谷歌新推出的专门用来表示网页中的图片的一种格式

他具有其他图片的所有优点，而且图片还特别小

缺点就是兼容性不太好，有些老的浏览器不能用

base64

将图片转化成base64编码，把图片转换成字符，通过字符的形式来引入图片

iframe 可以在网页里面引用其他网页的，src是指定路径，frameborder指定内联框架的边框

audio标签可以在页面中引入一个外部的音频文件，音视频文件，在引入的时候，默认情况下不允许用户自己播放控制，

• controls，就可以让用户控制播放，

• autoplay是默认自动播放，但是目前来讲，大部分的浏览器，不会自动播放音乐

• loop音乐是否循环播放

除了通过src来指定外部路径，还可以通过source来指定文件

video的使用方式和audio是一样的

如果遇到兼容性问题，可以用embed标签来引入视频或者音频连接，让浏览器播放视频或者音频