Css基础以及常用标签

一.属性

      HTML标签都拥有自己的属性，属性应该出现在元素的开始标签内部，属性名和属性值通过"="分割，属性与属性之间通过空格分割，属性名不区分大小写，属性值区分大小写并且属性值可以使用双引号引起来。

      核心属性：绝大多数标签都具有的属性。title、id、class、style。

id 唯一标识一个元素

class 标识一类元素

style 给标签设置样式 内联样式 行内样式

title 标签的提示说明

二.空白与实体

空白：在文档中无论出现多少个空白或者换行，浏览器都解析为一个空白实体：在HTML中，某些字符是预留的。例如：不能使用小于号<和大于号>，这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（char

acter entities)，实体以&符开始，以;结尾。以下是常见的实体

显示结果	描述	实体名称	实体编号
	空格	&nbsp	&#160
<	小于号	&lt	&#60
>	大于号	&gt	&#62
&	和号	&amp	&#38
''	引号	&quot	&#34
'	撇号	&apos (IE不支持)	&#39
￠	分（cent）	&cent	&#162
£	镑（pound）	&pound	&#163
¥	元（yen）	&yen	&#165
€	欧元（euro）	&euro	&#8364
§	小节	&sect	&#167
©	版权（copyright）	&copy	&#169
®	注册商标	&reg	&#174
™	商标	&trade	&#8482
×	乘号	&times	&#215
÷	除号	&divide	&#247

三.常用标签

 - h标签

h标签 标题标签

在HTML中，一共有六级标题标签

h1~h6

在显示效果上，h1最大，h6最小，但是文字的大小我们并不关心

6级标题中，h1的最总要，表示一个网页中的主要内容，h2~h6重要性依次降低，对于搜索引擎来说，

h1的重要性仅仅次于title，搜索引擎检索完title会立即查看h1中的内容

h1标签非常重要，它会影响到页面在搜索引擎中的排名，一个页面最好只写一个h1标签

一般的页面中，我们只使用h1 h2 h3，其他的基本不用

<h1>这是一个h1标签</h1>

 - p标签

段落标签，段落标签用于表示内容中的一个自然段

使用p标签来表示一个段落

p标签中的文字，会独占一行，并且段与段之间会有一个间距

 - br标签

br标签 表示换行标签 br标签是一个自结束标签 br标签的语义是不另起一个段落换行, 而在企业开发中一般情况下需要换行都是因为需要另起一个段落, 所以在企业开发中很少使用br标签

 -hr标签

hr标签 可以在页面中生成一个分割线

-  img标签

img标签 告诉浏览器要显示一张图片

src:设置一个图片的路径（绝对路径和相对路径，最好使用相对路径）

alt:可以用来设置在图片不能显示的时，对图片的描述

img标签的其他属性

width:设置图片的宽度

height:设置图片的高度

title：用于告诉浏览器，鼠标悬停的时候，需要弹出的描述框中显示什么内容。

- a标签

a标签的作用 用于控制页面与页面之间跳转的

a标签中还有一个叫做target的属性，这个属性专门用于控制如何跳转

 self:用于当前的选项卡中进行跳转，也就是不新建页面跳转，默认就是_self

 _blank:用于在新的选项卡中进行跳转，也就是新建页面跳转

a标签也有一个title属性，效果和img标签的title类似

注意点:

​    1.a标签不仅可以让文字点击，也可以让图片被点击

​    2.一个a标签必须有一个href属性，否则a标签不知道要跳转到什么地方

​    3.如果通过a标签href属性指定一个URL地址，那么必须在地址前面加上http://或者https://

​    除了URL地址，还可以指定一个本地地址

 - em

意为强调，突出文章重点

 - strong

意为强调，内容更为有用

 - b

加粗

- i

斜体

 - u

下划线

 - div

div是一个无语义的标签，就是一个纯粹的块元素，并且不会为它里边的元素设置任何的默认样式，div元素主要用来进行页面基本结构的搭建

 - span

span没有任何的语义，span标签专门用来选中文字，然后为文字来设置样式

 - video(H5新增)

作用：播放视频

webm 网页中专用的视频格式

video标签的属性

   src:告诉video标签需要播放的视频地址

   autoplay:用于告诉video标签是否需要自动播放视频

   controls:用于告诉video标签是否需要控制条

   poster:用于告诉video标签视频没有播放之前显示的占位图片

   loop:一般用于做广告视频，用于告诉video标签视频播放完毕之后是否需要循环播放

   muted:静音

   width/height: 和img标签中的一模一样

 - audio(H5新增)

作用: 播放音频

注意点:

    audio标签的使用和video标签的使用基本一样, video中能够使用的属性在audio标签中大部分都能够使用, 并且功能都一样

    只不过有3个属性不能用, height/width/poster