1.meta标签

搜索引擎

网页描述：

请求重定向：

content="5";秒数

url="重定向地址"/>路径

2.XHTML语法规范

HTML的标签必须结构完整，如果是成对出现的，开始的结束的都要写

要么就是字体结束标签再开始标签后面加一个斜线

HTML属性一定要有值，还要加引号，

3.内联框架

用<iframe></iframe>标签来引入外来页面

属性是src

为什么不推荐使用iframe标签，因为不会被搜索引擎检阅

4.超链接

<a></a>标签创建超链接

href属性

target="_blank"属性

<a href="路径或地址" target="_blank">我是一个超链接</a>

<a href="http://www.baidu.com" target="_blank">我是一个超链接</a>

5.css的编写位置

1.<style type="text/css">

p{color:red;font-size:40px;}内部样式

</style>内联样式

<link>外部样式

2.把样式表引入当前页面

在<head>里使用<link rel="stylesheet" type="text/css" href="css/style.css" />标签

6.css语法

p{color:red;font-size:40px;}内部样式

</style>内联样式

里面只能写css的选择器和样式

css里写注释：/* */只能写在style标签中或者写在css格式的文件中

7.块和内联

块元素和内联元素

块元素：div p h1-h6 ul li ,p和a特殊，p不能包含块，a能包含所有除了他本身

内联元素（行内元素）：a img iframe span

8.常用选择器

/*常用选择器*/

p{color:red;}

h1{color:yellow;}

/*id选择器 id="p1"*/

#p1{font-size:20px;}

/*类选择器class="p2"*/

.p2{color:green;}

.hello{font-size:20px;}

/*选择器分组（并集选择器）*/

#p1,p2,h1{background-color:yellow;}

/*通配选择器*/

*{color：red;}

.p3{background-color:yellow;}

/*复合选择器（交集选择器）*/

span.p3{background-color:yellow;}

/*p#p1{background-color:red;}*/

9.子后代元素选择器

/*后代选择器*/

#d1 span{color:greenyellow;}

#d1 p span{font-size:50px;}

/*子元素选择器*/

/*IE6及以下浏览器不支持子元素选择器*/

div .> .span{background-color:yellow;}

10.开发工具

IDE集成开发工具

11.伪类选择器

a:link{color:yellowgreen;}

a:visited{color:red

/*font-size:50px;*/

/*background-color:yellow;*/}

a:hover{color:skyblue;}

a:active{color:black;}

p:hover{background-color:orange;}

p:active{background-color:green;}

input:focus{background-color:yellow;}

p::selection{background-color:green;}

p::-moz-selection{background-color:green;}

12.伪元素

p:first-letter{color:red;font-size:20px;}

p:first-line{color:yellow;}

p:before{content:'爱我去';background-color:green;}

p:after{content:"尼古拉";color:orange;}

HTML基础知识（2）