web前端基礎(chǔ)
程序分為兩種：
B/S 程序：瀏覽器/服務(wù)器 程序
此種程序只能運(yùn)行在瀏覽器上，比如各種網(wǎng)頁
web保存在服務(wù)器端，運(yùn)行在瀏覽器的一種網(wǎng)頁文件，以.html或.htm為后綴名的文件。
編寫web網(wǎng)頁所用的語言，是HTML語言。
HTML（Hyper Text Murkup Language）
超級(jí) 文本 標(biāo)記 語言
HTML的基本語法：
- 標(biāo)記語法：
標(biāo)記，又稱為元素或者叫標(biāo)簽，在網(wǎng)頁中表示一些功能。
瀏覽器會(huì)自動(dòng)屏蔽標(biāo)簽，而把內(nèi)容留下。
標(biāo)記在使用時(shí)，必須使用<>括起來，有開始和結(jié)束。
標(biāo)記在使用時(shí)，分為兩大類：
- 封閉類標(biāo)記，又叫雙標(biāo)記
語法：<標(biāo)記> </標(biāo)記>
- 非封閉類標(biāo)記，又叫單標(biāo)記
語法：<標(biāo)記> 或者 <標(biāo)記/>
常用的雙標(biāo)記：
<html>
</html>
<head> </head>
<body> </body>
單標(biāo)記：
<meta>
標(biāo)記的嵌套
標(biāo)記是可以嵌套的，
語法：
<標(biāo)記>
<標(biāo)記></標(biāo)記>
</標(biāo)記>
網(wǎng)頁的結(jié)構(gòu)：
<!doctype html> :使用的HTML版本為最新版本
<html> :表示網(wǎng)站的開始
<head></head> ：網(wǎng)頁的頭部信息
<body></body> ：網(wǎng)頁的身體，所有網(wǎng)頁中要顯示的內(nèi)容，都要寫在body標(biāo)簽里。
</html>
網(wǎng)頁頭部里的信息：<head></head>
<title> 我的第一個(gè)網(wǎng)站 </title>
<meta charset=”utf - 8”> 設(shè)置網(wǎng)頁的編碼格式
常用的雙標(biāo)簽：
<p></p>表示一個(gè)段落
<b>加粗</b>:
<i>斜體</i>
<u>下劃線</u>
<s>刪除線</s>
練習(xí)：
這是一段，有加粗，有斜體，有<u>下劃線</u>，有刪除線，有下標(biāo)，有上標(biāo)的文字。
標(biāo)題標(biāo)簽：
<h1>一級(jí)標(biāo)題</h1>
<h2>二級(jí)標(biāo)題</h2>
<h3>三級(jí)標(biāo)題</h3>
<h4>四級(jí)標(biāo)題</h4>
<h5>五級(jí)標(biāo)題</h5>
<h6>六級(jí)標(biāo)題</h6>
單標(biāo)簽
分割線，表示一條線
換行
特殊字符：
? 表示一個(gè)空格
< 表示 <
>表示 >
? 版權(quán)?
￥ 人民幣符號(hào) ￥
代碼的注釋：
對(duì)代碼進(jìn)行解釋備注，只讓程序員自己看，瀏覽器會(huì)自動(dòng)屏蔽。
格式：
屬性和值：
允許通過屬性對(duì)標(biāo)簽進(jìn)行修飾
屬性寫在開始標(biāo)簽中，多個(gè)屬性之間用空格隔開。
語法：
<標(biāo)簽 屬性=”屬性值”> </標(biāo)簽>
hr標(biāo)簽的專屬屬性
width:設(shè)置橫線的寬度
取值是px或者%
size:設(shè)置橫線的高度
取值是px或者%
color:設(shè)置橫線的顏色
取值是顏色對(duì)應(yīng)的英文
align:設(shè)置橫線的對(duì)齊方式
取值：
left：居左對(duì)其
center：居中對(duì)齊（默認(rèn)值）
right:居右對(duì)齊
比如：
<hr width=”100px” size=”10px” color=”red”>
通用屬性：大部分標(biāo)簽都通用的屬性：
align: 設(shè)置標(biāo)簽內(nèi)容的對(duì)其方式
<h1>~<h6>、<p></p>
行內(nèi)元素和塊區(qū)元素
行內(nèi)元素：可以和其他元素在一行顯示
比如：<b>、<i>、<u>、<s>、、
塊區(qū)元素：自己獨(dú)占一行
比如：<p>、<h1>~<h6>、
div 一般對(duì)多個(gè)元素進(jìn)行統(tǒng)一管理，進(jìn)行統(tǒng)一設(shè)置。
<div> </div>
用法：以后要想對(duì)多個(gè)標(biāo)簽進(jìn)行統(tǒng)一管理，可以放在div中
<div>
<p></p>
<h1></h1>
</div>
預(yù)格式化標(biāo)簽：
<pre> </pre>:能保留代碼中的空格和換行，不常用
