day2作業(yè)
colspan
colspan這個(gè)標(biāo)簽可以將表格中的橫行單元格合并
rowspan
rowspan這個(gè)標(biāo)簽可以將表格中的縱行單元格合并
作業(yè)中遇到的實(shí)例
補(bǔ)充字符實(shí)體
雙引號(hào)："e;
day3
CSS
表單
注意
表單項(xiàng)都必須有name屬性，以表明其“名字”——服務(wù)器取其中的數(shù)據(jù)就是憑此名字。name很重要。
表單的核心是數(shù)據(jù)。
form標(biāo)簽
<form action=“”>
action=將本表單中的數(shù)據(jù)提交給的對(duì)象
用戶名<input type="text" name="username"/>
密碼<input type="password" name="pswd" />
<input type="value" value="登錄"/>
</form>
<input>用來定義一個(gè)用戶輸入?yún)^(qū)，用戶可以在其中輸入信息。必須放在<form>標(biāo)簽之間。
<value>這個(gè)標(biāo)簽可以在不輸入東西的情況下顯示一些初始文字
<maxlength>這個(gè)標(biāo)簽設(shè)置該輸入框最多能輸入的字符個(gè)數(shù)
<size>設(shè)置其輸入框的寬度（單位是“字符寬”）——其中能放置該數(shù)量的字符
size相當(dāng)于在表格大小不夠的時(shí)候可以將多余的內(nèi)容隱藏一直往后填
maxlength相當(dāng)于將內(nèi)容限制規(guī)定放5個(gè)數(shù)字就是5個(gè)數(shù)字
<disable> 設(shè)置該輸入框“無效”，即數(shù)據(jù)無效。點(diǎn)都點(diǎn)不到，數(shù)據(jù)是灰色的
<readonly>這是一個(gè)“無值”屬性，表示“只讀”，則寫法是：readonly=”readonly”,這個(gè)可以點(diǎn)，但是 沒法輸入內(nèi)容
單選項(xiàng)：<input type=”radio” name=”n3” value=”某個(gè)值” />
說明：?jiǎn)芜x項(xiàng)通常必須有value值；
其他屬性：
checked: 表示該選項(xiàng)默認(rèn)是選中的狀態(tài)。也是一個(gè)“無值屬性”
name特別說明：一組的單選項(xiàng)要求name值必須相同。
多選項(xiàng)：<input type=”checkbox” name=”n4” value=”某值” />
說明：多選項(xiàng)通常必須有value值；
其他屬性：
checked: 表示該選項(xiàng)默認(rèn)是選中的狀態(tài)。也是一個(gè)“無值屬性”
提交按鈕：<input type=”submit” name=”n5” value=”提交文字” />
說明：點(diǎn)擊提交按鈕，則表單就會(huì)“被提交”，即數(shù)據(jù)會(huì)傳入到表單的action所設(shè)定的文件中去。
圖片按鈕：<input type=”image” name=”n6” src=”圖片地址” />
說明：圖片按鈕的功能其實(shí)也是“提交”，但其顯示出來的效果是一張圖片——這樣有利于美化頁面。
重置按鈕：<input type=”reset” name=”n7” value=”重置文字” />
說明：會(huì)將表單的所有用戶填寫或選擇的數(shù)據(jù)恢復(fù)到初始狀態(tài)
普通按鈕：<input type=”button” name=”n8” value=”文字” />
說明：對(duì)表單沒有影響，但可以從中產(chǎn)生“動(dòng)作”以實(shí)現(xiàn)其他要求（ｊｓ程序）
文件域：<input type=”file” name=”n9” />
說明：可以讓用戶選擇本地的文件（并發(fā)送到服務(wù)器）——文件也是數(shù)據(jù)。
隱藏域：<input type=”hidden” name=”n10” />
說明：界面上不可見，但是作為一份“隱藏的數(shù)據(jù)”提交給服務(wù)器——編程所需。
下拉選擇：使用select和option標(biāo)簽配合實(shí)現(xiàn)。但要把此當(dāng)作“一個(gè)表單項(xiàng)”
<select name=”n11” multiple=” multiple” >
<option value=”1” >文字1</option>
<option value=”2” selected=”selected” >文字2</option>
<option value=”3” >文字3</option>
</select>
說明：
option標(biāo)簽上可以使用selected屬性，表明該select元素的默認(rèn)選中的項(xiàng)（默認(rèn)是第一項(xiàng)被選中）。
select標(biāo)簽上可以使用multiple屬性，使該select元素可以“選擇多項(xiàng)”（即默認(rèn)只能選一個(gè)）。這樣使用multiple="multiple"
多行選項(xiàng)（也叫列表選項(xiàng)）：多行選項(xiàng)其實(shí)只是下拉選擇的一種“變形”——設(shè)置其size值大于等于就會(huì)成多行。
<select name=”n12” size=”4”>
<option value=”1” >文字1</option>
<option value=”2” >文字2</option>
<option value=”3” >文字3</option>
<option value=”4” >文字4</option>
</select>
多行文本框：
<textarea name=”n13” rows=”行數(shù)” cols=”列數(shù)”></textarea>
說明：
rows設(shè)定的行數(shù)是一個(gè)數(shù)字，表示該多行文本框可以顯示的文字的行數(shù)
cols設(shè)定的列數(shù)是一個(gè)數(shù)字，表示該多行文本框可以顯示的一行文字中個(gè)數(shù)
此標(biāo)簽沒有value屬性。但其實(shí)際的“值”是放在此標(biāo)簽中間的所有內(nèi)容。
<label>標(biāo)簽
如果用在選擇題里邊，相當(dāng)于可以直接點(diǎn)字體來選擇，而不用點(diǎn)前面的圈或者方框選擇。
框架標(biāo)簽
frameset標(biāo)簽
不能用body
可以將一個(gè)一個(gè)大窗口分割成很多個(gè)大窗口，也就是分為很多個(gè)網(wǎng)頁。
<frameset cols=“將當(dāng)前窗口按列分割的設(shè)置”>
<frame src="網(wǎng)頁1路徑 url/">
<frame src="網(wǎng)頁2路徑 url/">
</frameset>
cols的值是連續(xù)的表示列的寬度的數(shù)字或百分?jǐn)?shù)，相互之間用（，）分開，其中“”號(hào)表示“其余”的寬度。比如：
cols=”100,800” ：表示將大窗口按列分割成兩個(gè)小窗口，第一個(gè)為100寬，第二個(gè)為800寬
cols=”100,200,” ：表示將大窗口按列分割成3個(gè)小窗口，第一個(gè)為100寬，第二個(gè)為200寬,其余給第3個(gè)
cols=”15%, ”
rows的值是連續(xù)的表示行的寬度的數(shù)字或百分?jǐn)?shù)，相互之間用（，）分開，其中“”號(hào)表示“其余”的寬度。比如：
rows=”100,200,*”
row=”20%, *”
scroling 這是滾動(dòng)條
noresize這是調(diào)整框架大小
frameborder 這是邊框線
CSS基礎(chǔ)
CSS：Cascading Style Sheet（層疊樣式表）
CSS能夠讓我們將網(wǎng)頁從以下兩個(gè)方面來控制網(wǎng)頁的外觀：
1，批量控制網(wǎng)頁的外觀，使我們節(jié)省勞力。
2，精確控制網(wǎng)頁的外觀：到像素級(jí)別。
css的基本語法形式：
選擇器 { css屬性名1：值1；css屬性名2：值2； ………… }
舉例：
<style type="text/css">
font{color:red;
font-weight:bold;
font-size:18px;}
dt{
font-size:14px;字體大小
font-weight:bold; 粗細(xì)程度：粗
color:pink;顏色
margin-left：18 ; 左邊距
</style>
</head>
<body>
兩大不同
html要加雙引號(hào)“”
css不用加
html屬性：寫在標(biāo)簽中，形式為： 屬性名=“屬性值”——此引號(hào)可以省略，但墻裂推薦不省略
——也可以叫“標(biāo)簽屬性”
——html屬性通常是“各個(gè)標(biāo)簽的自有屬性，一般不一樣”
——使用相同html屬性的標(biāo)簽極少
css屬性： 寫在選擇器的大括號(hào)中，形式為： 屬性名：屬性值——特別注意，值不可以加引號(hào)
——也可以叫“樣式屬性”
——css屬性通常是 “對(duì)各個(gè)標(biāo)簽都可用”，一般都一樣
——不使用相同css屬性的標(biāo)簽極少
選擇器
形式：類選擇器點(diǎn)《.》
含義： 指代（對(duì)應(yīng)）網(wǎng)頁中的class的值為該類名的所有標(biāo)簽都應(yīng)用該屬性設(shè)置。
<style>
.cc1
{color:red;}
</style>
<h1 class=”cc1”> 惺惺惜惺惺信息
</h1>
形式：id選擇器點(diǎn)《#》
含義： 指代（對(duì)應(yīng)）網(wǎng)頁中的id的值為該名稱的該標(biāo)簽都應(yīng)用該屬性設(shè)置。
<style>
#id
{color:red;}
</style>
<h1 id="d1"> 惺惺惜惺惺信息
</h1>
形式：通用選擇器點(diǎn)《*》
含義： 其自動(dòng)指代“所有標(biāo)簽”，即所有標(biāo)簽都應(yīng)用該屬性設(shè)置
注意： 通用選擇器慎用，通常只用于設(shè)置基本的幾個(gè)屬性，比如文字顏色，文字大小，padding，margin
<style>
.cc1
{color:red;}
</style>
<h1 class=”cc1”> 惺惺惜惺惺信息
</h1>
