前端知识-标签01
一标签知识
1、自闭和标签 如： <meta charset="UTF-8">
2、主动闭合标签 如：<title>双鱼座</title>
3、link 标签
title的图标
<link rel="shortcut icon" href="http://www.xxxx.logo.jpg">
rel代表link做什么用，href代表路径
4、浏览器f12后 debug各功能代表什么
1）Elements是 页面的一些源码
2）Console 是前端的调试台
3)Sources 能直接看到本地的一些源文件
4)Network 抓请求的位置
5)Performance
6)Memory
7)Application
8）Application
9)Security
10)Audits
5、body标签中可以用到的其他标签介绍
<body>
<body>标签
1)h1 标题标签，这个标签一共有6个，h1到h6 1到6的区别：字体逐渐变小 注：快捷键ctrl+d 复制这一行代码 ctrl+？ 快速注释
<body>
<h1>标题标签</h1>
<body>
2）<p></p> 段落标签
<span> </span>
二个标签的区别：p标签debug的时候能看到一整个段落，span标签的话只是自己 ，具体可以自己debug看下区别
像p标签这种占满一整行的标签 叫做块级标签
先span这种只占满自己内容的标签 叫做行内标签 ；span标签也是白版标签 ，即一点css的样式都没有添加
空格的添加方法：  如果需要<>添加这个 需要在内容前面添加< >
<span><测试  测试></span>
<div> </div>标签，也叫做伪白板标签
和span这种白版标签的区别是：debug-Elements中，鼠标选中div标签内容后，右下角的Styles中display:block是有内容的
<br>换行便签， 位置：在段落标签的内容中添加这个可以让内容自动换行
<p>年轻,就是拿来折腾的。让自己具备独立生活的能力，具备一技之长的资本，<br>是需要无数个夜晚的静思，无数寂寞时光的堆积而成的</p>
