HTML筆記：基本框架，超鏈接，列表，表等，分割線(xiàn)，行級(jí)元素，塊級(jí)元素，錨點(diǎn)，按鈕
HTML是一個(gè)超文本標(biāo)記語(yǔ)言。
HTML最基本的框架
<html>
<
head>
<title>頭部標(biāo)題</title>
</head>
<body>
主體內(nèi)容 </body></html>
改變網(wǎng)頁(yè)背景顏色:bgcolor="顏色"
改變網(wǎng)頁(yè)的背景圖片:background="img/sslogo.png"
標(biāo)題:<h1>---<h6>作用:再別人搜索的時(shí)候可以當(dāng)做關(guān)鍵字
更容易被別人搜索到(主要作用不是改變字體大小的)
改變字體大小和顏色:<font color=“顏色” size="1-7(數(shù)字越大字體越大)">內(nèi)容</font>
段落標(biāo)簽:<p align="位置(left左center中間right右)">中間跟段落的內(nèi)容</p>
空格? 再網(wǎng)頁(yè)中你不管空多少次它都以為只有1個(gè)空格，所以使用 代表空格可以空更多個(gè)
常用的圖片格式:jpg,png,gif
區(qū)別:
jpg:占用大小最小，在使用的時(shí)候背景如果為空，使用位白色
png:大小比jpg更大,支持透明背景
gif:動(dòng)畫(huà)圖片，多張圖片拼接成一個(gè)動(dòng)態(tài)圖
插入圖片:<img? src="路徑" alt="提示信息" align="對(duì)齊方式" border="邊框大小"?
width="寬度" height="高度"/>?
相對(duì)路徑:相對(duì)于項(xiàng)目中的位置
絕對(duì)路徑:相對(duì)于計(jì)算機(jī)中的位置
走馬燈:<marquee direction="方向(top,down,left,right)" scrolldelay="默認(rèn)為90(滾動(dòng)完一次后多少時(shí)間滾動(dòng)第二次)"
loop="次數(shù)? -1(無(wú)限循環(huán))? ?數(shù)字是幾滾動(dòng)幾次"? scrollamount="數(shù)字越大滾動(dòng)越快">
超鏈接:<a href="目標(biāo)網(wǎng)頁(yè)的路徑" target="_self(在自身選項(xiàng)卡中打開(kāi)網(wǎng)頁(yè))? ? _blank(新建選項(xiàng)卡打開(kāi)網(wǎng)頁(yè))"></a>
（href="#":代表這個(gè)是課空連接,將自身刷新）
錨點(diǎn)鏈接:<a href="#目標(biāo)的位置">點(diǎn)擊此處跳到目標(biāo)的內(nèi)容</a>? ? <a name="目標(biāo)位置">目標(biāo)的內(nèi)容</a>
<hr>分割線(xiàn)
行級(jí)元素:在一行中可以顯示多個(gè)的標(biāo)簽
塊級(jí)元素:一行只能有一個(gè)
無(wú)序列表:
<ul type="square">
<li>具體內(nèi)容</li>
<li>具體內(nèi)容</li>
</ul>
有序列表
<ol type="a,A,I"? start="數(shù)字">
<li>具體內(nèi)容</li>
<li>具體內(nèi)容</li>
</ol>
自定義列表
<dl>
<dt>標(biāo)題內(nèi)容</dt>
<dd>內(nèi)容的介紹</dd>
<dd>內(nèi)容的介紹</dd>
</dl>
表格
<table border="1px" >
<tr>
<th>代表標(biāo)題一般在第一行</th>
<td>具體的內(nèi)容</td>
</tr>
</table>
width:設(shè)置表格寬度，給table設(shè)置整個(gè)表格的寬度該表，給td設(shè)置的時(shí)候是整列單元格的寬度會(huì)改變
height:設(shè)置表格高度，給table設(shè)置整個(gè)表格的高度該表，給tr設(shè)置的時(shí)候是整行的高度會(huì)改變
border:設(shè)置表格邊框
align:設(shè)置表格的對(duì)齊方式，給table設(shè)置整個(gè)表格居中，給tr設(shè)置這行內(nèi)容文字居中，給td設(shè)置這個(gè)單元格內(nèi)容居中
cellspacing:設(shè)置單元格與單元格之間的距離
cellspadding:表格文字距離邊框的距離
colspan:合并列，將兩列的內(nèi)容合并為1列
rowspan:合并行，將兩行的內(nèi)容合并為1行
不管合并行和合并列合并后，多余的單元格需要?jiǎng)h除掉
一整個(gè)叫做表單(form)里面的控件叫做表單元素(form 元素)
form作用是包括住所有的form元素，將form中的內(nèi)容進(jìn)行傳遞的一個(gè)載體
form:一個(gè)用來(lái)傳遞內(nèi)容的容器
action：將內(nèi)容傳遞到的具體位置
method:傳遞的方式(get【會(huì)將傳遞的內(nèi)容在地址欄中顯示】,post【隱藏傳遞的內(nèi)容】)
<input name="起名字" type="設(shè)置元素的類(lèi)型" value="具體的值"
size="長(zhǎng)度" Maxlength="最大輸入的字符長(zhǎng)度"? checked="是否選中">
readonly:設(shè)置文本框內(nèi)容是否可以更改
文本框:text
密碼框:password
單選按鈕:radio(單選按鈕必須分組，使用name賦值)
復(fù)選按鈕:checkbox(可以選中一個(gè)或多個(gè)，或一個(gè)都不選中)
提交文件:file
下拉框:
<select>
<option>北京</option>
<option selected="selected">上海</option>
<option>廣州</option>
</select>
文本域:
<textarea cols="15" rows="5" placeholder="請(qǐng)輸入個(gè)人介紹"></textarea>
submit:提交按鈕，將form元素的數(shù)據(jù)進(jìn)行提交
reset:重置form表單元素
button:普通按鈕，現(xiàn)在沒(méi)有作用，學(xué)js用來(lái)寫(xiě)事件
<input type="date" />:日期元素
<input type="email" />:必須寫(xiě)@,郵箱
<input type="week">XX年XX周
<input type="time">小時(shí):分鐘
<input type="url">必須寫(xiě)網(wǎng)址
<input type="month">XX年XX月
<input type="image" src="img/sslogo.png" />:和submit一樣，但是可以使用圖片當(dāng)按鈕
