《HTML+CSS》记录3，常用标签

标题标签

在HTML中，一共有六级标题标签：h1~h6（head），使用HTML时，并不关心标签文字大小，显示效果统一由css来定义，使用HTML时，我们关心标签的语义，六级标题中，h1到h6重要性依次降低，对搜索引擎来说，h1的重要性仅次于title，搜索引擎检索完title，会立即查看h1中的内容。因此h1标签会影响页面在搜索引擎的排名，在页面中只能写一个h1。

一般页面中，标题标签只使用h1、h2、h3。

段落标签

段落标签标示内容中的一个自然段，使用p标签来表示（paragraph），p标签中的文字，默认会独占一行，段与段之间会有一个间距。

在html中，多个空格和换行符，浏览器都会当成一个空格解析，可以使用br标签来表示一个换行，br标签是一个自结束标签。

<p>
	锄禾日当午，<br />
	汗滴禾下土，<br />
	谁知盘中餐，<br />
	粒粒皆辛苦，<br />
<p>

<hr />标签表示一个直线

实体（转义字符串）：&实体名字；

<用<表示 less than
>用>表示 greater than
空格： 
版权符号©：©

图片标签

使用img标签来向网页中引入一个外部图片，img标签是一个自结束标签。标签有两个属性：
src:外部图片的路径
alt:设置图片的描述（图片不能正常显示的时候会出现在网页），搜索引擎可以通过alt属性来识别不同的图片，如果不写alt属性，则搜索引擎不会对img中的图片进行搜索。
width：修改图片宽度
height：修改图片高度
宽度和高度如果只设置一个，另一个也会同比例调整大小

witdh="200px"

相对路径：
可以使用../来返回上一级文件夹
绝对路径：
直接把路径复制过去就行了

图片格式：效果不同使用好的，效果相同使用小的
JPEG(JPG):图片支持颜色比较多，图片可以压缩，不支持透明，一般用来保存照片等
GIF:支持的颜色少，只支持简单的透明，支持动态图
PNG：支持的颜色多，并且支持复杂的透明，可以用来显示颜色复杂的透明图

meta标签还可以设置网页的关键字:

<meta name="keywords" content="HTML5,前端,Python" />

或者网页描述：

<meta name="description" content="用来发布一些自学的信息" />

搜索引擎会检索关键词和描述，但是不会影响页面在搜索引擎中的排名。

除此之外，meta还可以用来做请求的重定向：

<meta http-equiv="refresh" content="5;url=http://www.baidu.com" />

W3Cshcool快捷键ctrl+f查找