一、頁面內(nèi)的跳轉(zhuǎn)
根據(jù)用a標(biāo)簽來連接其他標(biāo)簽的id或class或其他選擇器名進(jìn)行頁內(nèi)的跳轉(zhuǎn)。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>頁面內(nèi)的跳轉(zhuǎn)</title>
<link rel="stylesheet" type="text/css" href="css/zuoye.css"/>
</head>
<body>
<div id="head_hc" align="center">
<h1>HTML和CSS的學(xué)習(xí)</h1>
</div>
<hr align="center" width="960" />
<div id="zs_dian" >
<ol >
<h2><li><a href="#form1">表單標(biāo)簽</a></li></h2>
<h2><li><a href="#form1">下拉列表與多行文本</a></li></h2>
<h2><li><a href="#form1">空白標(biāo)簽</a></li></h2>
<h2><li><a href="#form1">認(rèn)識CSS</a></li></h2>
<h2><li><a href="#form1">CSS選擇器</a></li></h2>
<h2><li><a href="#form1">偽類選擇器</a></li></h2>
</ol>
</div>
<hr align="center" width="960" />
<div id="form1" align="center">
<h3 align="left"><a href="#zs_dian">表單標(biāo)簽</a></h3>
</div>
<div id="b_form" align="left">
<textarea id="textarea" name="textarea" rows="" cols="" disabled="disabled">
表單標(biāo)簽:
作用：專門來收集用戶信息。
1. 可以提交表單中收集的信息
action屬性：設(shè)置提交信息的位置
method屬性：提交方式 --POST/get
input標(biāo)簽：
1.是表單標(biāo)簽
2.type屬性：
text值：普通的文本輸入框
password值：密碼文字輸入框
3.name屬性：傳值時很重要，
4.value屬性：標(biāo)簽內(nèi)容
5.placeholder屬性：提示信息，占位符
6.maxlength:輸入框中輸入字符的個數(shù)
7.readonly屬性:值為readonly只讀內(nèi)容，不能編輯。
type屬性：password----輸入的值是密文顯示
單選按鈕：
type屬性：radio
name屬性：統(tǒng)一類型的對應(yīng)的name值必須一樣
value屬性：
checke屬性：設(shè)置按鈕默認(rèn)處于選中狀態(tài)。
type屬性：submit提交按鈕值
1.type屬性：checkbox
2.name：同一類型對應(yīng)的name值必須一樣
3.value:設(shè)置選中按鈕提交的值
4.checked：設(shè)置checked,讓按鈕處于默認(rèn)選中
input標(biāo)簽：type屬性：值為button，普通按鈕
nput標(biāo)簽：重置標(biāo)簽
將當(dāng)前所在的from中的所有表單相關(guān)標(biāo)簽對應(yīng)的值，回到最初的狀態(tài)
nput標(biāo)簽：type屬性;file值，文件選擇器
</textarea>
</div>
<div id="form1" align="center">
<h3 align="left"><a href="#zs_dian">下拉列表與多行文本</a></h3>
</div>
<div id="b_form" align="left">
<textarea id="textarea" name="textarea" rows="" cols="" disabled="disabled">
1.下拉菜單-->
select 下拉列表標(biāo)簽：
屬性selected：selected表示默認(rèn)選中
2.多行文本輸入域（多行文本輸入框）
3.表單分組：fieldset：
一個fieldset標(biāo)簽對應(yīng)一個分組
legend標(biāo)簽：設(shè)置分組名。
</textarea>
</div>
<div id="form1" align="center">
<h3 align="left"><a href="#zs_dian">空白標(biāo)簽</a></h3>
</div>
<div id="b_form" align="left">
<textarea id="textarea" name="textarea" rows="" cols="" disabled="disabled">
html中的標(biāo)簽分為兩大類：
1.塊級標(biāo)簽：一行只能有一個（不管標(biāo)簽的寬度什么樣的）
div，h1-h6,p,hr,dl,dd,li,列表相關(guān)的標(biāo)簽都是塊標(biāo)簽。
table，form，
2.行內(nèi)標(biāo)簽：一行可以有多個標(biāo)簽，沒有任何特殊的意義（無語義標(biāo)簽）
a,img,input，select（下拉列表），textarea（多行輸入）
</textarea>
</div>
<div id="form1" align="center">
<h3 align="left"><a href="#zs_dian">認(rèn)識CSS</a></h3>
</div>
<div id="b_form" align="left">
<textarea id="textarea" name="textarea" rows="" cols="" disabled="disabled">
1.什么是CSS
CSS是web標(biāo)準(zhǔn)中的表現(xiàn)標(biāo)準(zhǔn)，用來設(shè)置網(wǎng)頁上的標(biāo)簽的樣式（長什么樣，位置）
CSS代碼或者CSS文件，我們叫樣式表。
目前使用CSS3版本
2.寫在哪兒
a.內(nèi)聯(lián)樣式表：將代碼寫標(biāo)簽內(nèi)部的style屬性中。（優(yōu)先級最高）
b.內(nèi)部樣式表：寫在head標(biāo)簽中，用style標(biāo)簽來裝CSS代碼。
c.外部樣式表：新建一個CSS文件，通過head中的link標(biāo)簽來關(guān)聯(lián)
優(yōu)先級：
內(nèi)聯(lián)：優(yōu)先級最高
內(nèi)部和外部：是那個最后賦值那個就優(yōu)先
3.怎么寫
選擇器{屬性：屬性值；屬性：屬性值}
選擇器：用來選擇中需要設(shè)置樣式的標(biāo)簽
屬性：CSS屬性（CSS2中的屬性有兩百多個屬性）
屬性值：如果是數(shù)字，表示的大小要在后面加px.否則無效。
注意：沒事屬性之間用分號隔開，否則屬性無效。
補(bǔ)充屬性：color：設(shè)置字體顏色，background-color：設(shè)置背景顏色 whith：標(biāo)簽寬度
style 屬性：每個標(biāo)簽都有
內(nèi)聯(lián)的寫法
</textarea>
</div>
<div id="form1" align="center">
<h3 align="left"><a href="#zs_dian">CSS選擇器</a></h3>
</div>
<div id="b_form" align="left">
<textarea id="textarea" name="textarea" rows="" cols="" disabled="disabled">
0.元素選擇器（標(biāo)簽選擇器）：標(biāo)簽名
選中所有的標(biāo)簽名對應(yīng)的標(biāo)簽
1.Id選擇器：#id屬性值
每個標(biāo)簽都有一個id屬性，整個HTML中，id是唯一的。
CSS中的顏色值：
1.顏色英語單詞
2.十六進(jìn)制顏色值；0-255,00-ff(#ff0000-紅色)
3.rgb值：rgb(紅，綠，藍(lán)) rgba(紅，綠，藍(lán)，透明度)-透明度0-1
2.class選擇器：.class屬性值
每個標(biāo)簽都有一個class，但是class的值不用是唯一的
3.通配符 *
選中所有的標(biāo)簽
4.層級選擇器：
選擇器1 選擇器2...
5.群組選擇器：同時選中所有,用逗號隔開。
</textarea>
</div>
<div id="form1" align="center">
<h3 align="left"><a href="#zs_dian">偽代選擇器</a></h3>
</div>
<div id="b_form" align="left">
<textarea id="textarea" name="textarea" rows="" cols="" disabled="disabled">
偽類選擇器的語法：
1. 選擇器：狀態(tài)
link：超鏈接對應(yīng)的是初始狀態(tài)
visited：超鏈接訪問后的狀態(tài)
hover：鼠標(biāo)懸停在標(biāo)簽上的時候?qū)?yīng)的狀態(tài)
active：鼠標(biāo)按住時的狀態(tài)
給同一個標(biāo)簽通過偽類選擇器給不同狀態(tài)設(shè)置不同的樣式的時候，
要遵守愛恨原則（先愛后恨）
LOVe HAte
</textarea>
</body>
</html>
結(jié)果截圖如下：
image.png
