HTML語(yǔ)言（筆記）
1.html語(yǔ)言是一種超文本標(biāo)記語(yǔ)言，是一種標(biāo)記語(yǔ)言，它包含一系列標(biāo)簽。通過這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的internet資源連接成一個(gè)邏輯整體。
html是用來(lái)做網(wǎng)站布局的 asp.net 用來(lái)做網(wǎng)站的時(shí)候就會(huì)用到html語(yǔ)言
2.必要格式
html超文本標(biāo)記語(yǔ)言是由<head></head>和<body></body>構(gòu)成，然后<title></title>寫到<head></head>中間
<html>
<head>
? ?<title>歡迎學(xué)習(xí)html語(yǔ)言</title>
</head>
<body>
</body>
</html>
解釋：標(biāo)記符<html>：說明該文件是用超文本標(biāo)記語(yǔ)言來(lái)描述的，它是文件的開頭，而</html>則表示該文件的結(jié)尾，它們是超文本標(biāo)記語(yǔ)言文件的開始標(biāo)記和結(jié)尾標(biāo)記。
<head></head>：這2個(gè)標(biāo)記符分別表示頭部信息的開始和結(jié)尾。頭部中包含的標(biāo)記是頁(yè)面的標(biāo)題（title）、序言、說明等內(nèi)容
<body><body/>；，網(wǎng)頁(yè)中顯示的實(shí)際內(nèi)容均包含在這2個(gè)正文標(biāo)記符之間。正文標(biāo)記符又稱為實(shí)體標(biāo)記
3.標(biāo)記,標(biāo)簽<html> ?<body>
標(biāo)簽對(duì)<html></html>
4.常用的標(biāo)記
（1）div ? ? ?盒子模型<div></div> ? ? 屬性：style
（樣式（css）就是給網(wǎng)站進(jìn)行美工的， 比如說加個(gè)邊框啊，加個(gè)背景啊等等）
（2）a ? ? ? ? 超鏈接標(biāo)記 <a></a> 他的兩個(gè)屬性 href(后面寫網(wǎng)址) target（后面寫_blank，目的是為了防止我們寫的這個(gè)新的百度網(wǎng)址覆蓋掉我們?cè)镜?這個(gè)網(wǎng)址）
<a href="http://baidu.com" target="_blank">百度</a> ? ?塊內(nèi)標(biāo)簽
（3）p ? ? ? 段落標(biāo)記<p></p>也就是說這個(gè)標(biāo)簽是自動(dòng)換行的，但是這個(gè)標(biāo)簽是段落標(biāo)簽，不是換行標(biāo)簽（<br/>） ?塊級(jí)標(biāo)簽
注意塊內(nèi)標(biāo)簽（不能自動(dòng)換行） 塊級(jí)標(biāo)簽（可以自動(dòng)換行）
(4)<br/> ?換行標(biāo)簽 ? ? 只有一個(gè)呦
(5)<hr/> ? 劃線標(biāo)簽 ? 只有一個(gè)呦
(6)b ? ? ? ? ? 加粗標(biāo)簽 <b></b>
(7)ul ? ? ? ? ? 列表標(biāo)簽 常和li一塊使用
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
(8)h1/2/3/4/5/6 ? ? ? ?標(biāo)題標(biāo)簽（h1一級(jí)標(biāo)題 h2二級(jí)標(biāo)題）
<h1>標(biāo)題1</h1>
<h2>標(biāo)題2</h2>
<h3>標(biāo)題3</h3>
(9)table ? ?表格標(biāo)簽<table></table>
? ? tr ?行標(biāo)簽 ? ?td 列標(biāo)簽 ?th 標(biāo)題標(biāo)簽
?table的屬性 ?border="1" ?cellspacing="0 " ? cellpadding="0" width="400" ?height="100" ?
這邊先說一下屬性（這個(gè)到CSS會(huì)具體講解），tabel有border、height等等屬性，div有style屬性，a有href、target屬性，屬性寫到起始的標(biāo)記里面，用英文單詞=“數(shù)值”來(lái)表示----這是設(shè)置內(nèi)部樣式，通過屬性自己
<table>
<tr>
? ?<th>Company</th>
? ?<th>Address</th>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
(10)input 標(biāo)記 ?<input type=""/>
? ? text ? ? ? ? ? 文本框
? ? password ? 密碼（這個(gè)和text類似，都會(huì)出現(xiàn)框框，唯一有區(qū)別的的是這個(gè)輸入的會(huì)加密
）
? ? button ? ? ?按鈕
? ? submit ? ? ?提交按鈕（結(jié)合form表單使用，通常登錄、注冊(cè)、寫表單數(shù)據(jù)的時(shí)候用到submit）
? ? checkbox ? 多選框
? ? radio ? ? ? ? 單選按鈕
? ?hidden ? ? 隱藏的文本框(后面)
? ? file ? ? ? ? ?選擇文件進(jìn)行上傳，上傳控件 ? ?
? ? ? ?
（11）select 標(biāo)記 下拉列表框與option一塊使用
（和<ul></ul>相似）
<select>
? ?<option>學(xué)生</option>
? ?<option>教師</option>
? ?<option>白領(lǐng)</option>
</select>
(12)img圖片標(biāo)記 ? <img/>閉合標(biāo)簽
src 屬性（圖片路徑的屬性）src="值" ?值就是圖片所在的路徑
<img src="1.jpg"/>
(13)video 視頻標(biāo)簽 ? ?src 屬性（視頻路徑的屬性）src="值" ?值就是視頻所在的路徑
<video src="D:\EV視頻\222.mp4" width="400" height="200"> ?width="400" height="200"這個(gè)是外面的容器變大了，并不是這個(gè)視頻的長(zhǎng)寬高變了
</video>
(14)form 表單 ?登錄 注冊(cè) 提交信息常常用到表單（常常和submit連用）
<form ?action="提交的位置">
用戶名：<input type="text" name="username"/>
<input type="submit" value="提交"/> ?就是當(dāng)用戶進(jìn)行注冊(cè)或者登錄的時(shí)候，想要向數(shù)據(jù)庫(kù)進(jìn)行插入數(shù)據(jù)或者比對(duì)數(shù)據(jù)的時(shí)候，要對(duì)我們寫的數(shù)據(jù)帶過去，這就是表單
</form>
5.樣式 css 給網(wǎng)站來(lái)做美工的
border(邊框)
px(像素)
