1.meta標(biāo)簽
搜索引擎
<meta name="keywords" content="HTML5,JavaScript，Python"/>
網(wǎng)頁描述：
<meta name="description" content="發(fā)布H5、Js等前端相關(guān)的信息"/>
請求重定向：
<meta http-equiv="refresh" 刷新的意思
content="5";秒數(shù)
url="重定向地址"/>路徑
2.XHTML語法規(guī)范
HTML的標(biāo)簽必須結(jié)構(gòu)完整，如果是成對出現(xiàn)的，開始的結(jié)束的都要寫
要么就是字體結(jié)束標(biāo)簽再開始標(biāo)簽后面加一個斜線
HTML屬性一定要有值，還要加引號，
3.內(nèi)聯(lián)框架
用<iframe></iframe>標(biāo)簽來引入外來頁面
屬性是src
<iframe src="路徑" width="500px" height="500px" name="tom" ></iframe>
為什么不推薦使用iframe標(biāo)簽，因為不會被搜索引擎檢閱
4.超鏈接
<a></a>標(biāo)簽創(chuàng)建超鏈接
href屬性?
target="_blank"屬性
<a href="路徑或地址" target="_blank">我是一個超鏈接</a>
<a ?target="_blank">我是一個超鏈接</a>
5.css的編寫位置
1.<style type="text/css">
? ? ? ?p{color:red;font-size:40px;}內(nèi)部樣式
</style>內(nèi)聯(lián)樣式
<link>外部樣式
2.把樣式表引入當(dāng)前頁面
在<head>里使用<link rel="stylesheet" type="text/css" href="css/style.css"? />標(biāo)簽
6.css語法
<style type="text/css">
? ? ? ?p{color:red;font-size:40px;}內(nèi)部樣式
</style>內(nèi)聯(lián)樣式
里面只能寫css的選擇器和樣式
css里寫注釋：/*? ? */只能寫在style標(biāo)簽中或者寫在css格式的文件中
7.塊和內(nèi)聯(lián)
塊元素和內(nèi)聯(lián)元素
塊元素：div p h1-h6 ul li? ,p和a特殊，p不能包含塊，a能包含所有除了他本身
內(nèi)聯(lián)元素（行內(nèi)元素）：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;}
/*復(fù)合選擇器（交集選擇器）*/
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.開發(fā)工具
IDE集成開發(fā)工具
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;}
