整合營(yíng)銷(xiāo)服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢(xún)熱線(xiàn)：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢(xún)熱線(xiàn)：
1.段落標(biāo)簽<p>
<style>
p{margin:0px;}
</style>
2.斜體標(biāo)簽<em>
<em>斜體</em>
3.粗體標(biāo)簽<strong>
<strong>加粗</strong>
4.<span>標(biāo)簽
被用來(lái)組合文檔中的行內(nèi)元素。使用 <span> 來(lái)組合行內(nèi)元素，以便通過(guò)樣式來(lái)格式化它們。
例如：
<style>
span{ color:blue; }
</style>
這樣，<span>標(biāo)簽包含的文本就變成了藍(lán)色的字體。
5.<q>標(biāo)簽
作用：段文本引用
例如：
<p>最初知道莊子，是從一首詩(shī)<q>莊生曉夢(mèng)迷蝴蝶。望帝春心托杜鵑。</q>開(kāi)始的。雖然當(dāng)時(shí)不知道是什么意思，只是覺(jué)得詩(shī)句挺特別。后來(lái)才明白這個(gè)典故出自是莊子的《逍遙游》，《逍遙游》代表了莊子思想的最高境界，是對(duì)世俗社會(huì)的功名利祿及自己的舍棄。</p> 在上面的例子中，“莊生曉夢(mèng)迷蝴蝶。望帝春心托杜鵑。” 這是一句詩(shī)歌，出自晚唐詩(shī)人李商隱的《錦瑟》 。因?yàn)椴皇亲髡咦约旱奈淖?，所以需要使?lt;q></q>實(shí)現(xiàn)引用。 注意要引用的文本不用加雙引號(hào)，瀏覽器會(huì)對(duì)q標(biāo)簽自動(dòng)添加雙引號(hào)。 這里用<q>標(biāo)簽的真正關(guān)鍵點(diǎn)不是它的默認(rèn)樣式雙引號(hào)（如果這樣我們不如自己在鍵盤(pán)上輸入雙引號(hào)就行了），而是它的語(yǔ)義：引用別人的話(huà)。 補(bǔ)充知識(shí)：語(yǔ)義化網(wǎng)頁(yè)結(jié)構(gòu)有助于搜索引擎的收錄。同一個(gè)效果可以用很多鐘方式實(shí)現(xiàn)，但這只方便了瀏覽者，而搜索引擎不知道這里到底是什么內(nèi)容，這里如果你使用標(biāo)簽，那么就告訴瀏覽器這里是引用的話(huà)。而且在手持設(shè)備或移動(dòng)設(shè)備不能很好支持css的基礎(chǔ)上，瀏覽器會(huì)使用默認(rèn)的效果，因而提供較好可讀性。
6.<blockquote>標(biāo)簽
作用：長(zhǎng)文本引用
例如：
<blockquote>明月出天山，蒼茫云海間。長(zhǎng)風(fēng)幾萬(wàn)里，吹度玉門(mén)關(guān)。漢下白登道，胡窺青海灣。由來(lái)征戰(zhàn)地，不見(jiàn)有人還。 戍客望邊色，思?xì)w多苦顏。高樓當(dāng)此夜，嘆息未應(yīng)閑。</blockquote>
注意：瀏覽器對(duì)<blockquote>標(biāo)簽的解析是縮進(jìn)樣式
7.<br>標(biāo)簽
怎么可以讓每一句詩(shī)詞后面加入一個(gè)折行呢？那就可以用到<br />標(biāo)簽了，在需要加回車(chē)換行的地方加入<br />，<br />標(biāo)簽作用相當(dāng)于word文檔中的回車(chē)。
語(yǔ)法：
xhtml1.0寫(xiě)法：
<br/>
html4.01寫(xiě)法：
<br>
現(xiàn)在一般使用 xhtml1.0 的版本的寫(xiě)法（其它標(biāo)簽也是），這種版本比較規(guī)范。
與以前我們學(xué)過(guò)的標(biāo)簽不一樣，<br />標(biāo)簽是一個(gè)空標(biāo)簽，沒(méi)有HTML內(nèi)容的標(biāo)簽就是空標(biāo)簽，空標(biāo)簽只需要寫(xiě)一個(gè)開(kāi)始標(biāo)簽，這樣的標(biāo)簽有<br />、<hr />和<img />。
講到這里，你是不是有個(gè)疑問(wèn)，想折行還不好說(shuō)嘛，就像在 word 文件檔或記事本中，在想要折行的前面輸入回車(chē)不就行了嗎？ 不好意思，在 html 中是忽略回車(chē)和空格的，你輸入的再多回車(chē)和空格也是顯示不出來(lái)的。
8.<hr>標(biāo)簽
在信息展示時(shí)，有時(shí)會(huì)需要加一些用于分隔的橫線(xiàn)，這樣會(huì)使文章看起來(lái)整齊些。
語(yǔ)法：
html4.01版本
<hr>
xhtml1.0版本
<hr/>
注意：
9.<address>標(biāo)簽
一般網(wǎng)頁(yè)中會(huì)有一些網(wǎng)站的聯(lián)系地址信息需要在網(wǎng)頁(yè)中展示出來(lái)，這些聯(lián)系地址信息如公司的地址就可以<address>標(biāo)簽。也可以定義一個(gè)地址（比如電子郵件地址）、簽名或者文檔的作者身份。
語(yǔ)法：
<address>聯(lián)系地址信息</address>
如：
<address>文檔編寫(xiě)：lilian 北京市西城區(qū)德外大街10號(hào)</address>
10.<code>標(biāo)簽
在介紹語(yǔ)言技術(shù)的網(wǎng)站中，避免不了在網(wǎng)頁(yè)中顯示一些計(jì)算機(jī)專(zhuān)業(yè)的編程代碼，當(dāng)代碼為一行代碼時(shí)，你就可以使用<code>標(biāo)簽了，如下面例子：
<code>var i=i+300;</code>
注意：在文章中一般如果要插入多行代碼時(shí)不能使用<code>標(biāo)簽了。
語(yǔ)法：
<code>代碼語(yǔ)言</code>
注：如果是多行代碼，可以使用<pre>標(biāo)簽。
11.<pre>標(biāo)簽
主要作用:預(yù)格式化的文本。被包圍在 pre 元素中的文本通常會(huì)保留空格和換行符。
語(yǔ)法：
<pre>語(yǔ)言代碼段</pre>
如下代碼：
<pre>
var message="歡迎";
for(var i=1;i<=10;i++) {
alert(message);
}
</pre>
效果如下：
注意：<pre> 標(biāo)簽不只是為顯示計(jì)算機(jī)的源代碼時(shí)用的，在你需要在網(wǎng)頁(yè)中預(yù)顯示格式時(shí)都可以使用它，只是<pre>標(biāo)簽的一個(gè)常見(jiàn)應(yīng)用就是用來(lái)展示計(jì)算機(jī)的源代碼。
12.<ul>標(biāo)簽
ul-li是沒(méi)有前后順序的信息列表。
ul{ list-style:circle; }
ul{ list-style:none }
<ul> <li>信息</li> <li>信息</li> ...... </ul>
<ul> <li>精彩少年</li> <li>美麗突然出現(xiàn)</li> <li>觸動(dòng)心靈的旋律</li> </ul>
13.<ol>標(biāo)簽
ol-li是有前后順序的信息列表
<ol> <li>信息</li> <li>信息</li> ...... </ol>
<ol> <li>前端開(kāi)發(fā)面試心法 </li> <li>零基礎(chǔ)學(xué)習(xí)html</li> <li>JavaScript全攻略</li> </ol>
<ol>在網(wǎng)頁(yè)中顯示的默認(rèn)樣式一般為：每項(xiàng)<li>前都自帶一個(gè)序號(hào)，序號(hào)默認(rèn)從1開(kāi)始。
14.<div>標(biāo)簽
15.<table>標(biāo)簽
1）屬性：border
作用：規(guī)定表格邊框的寬度
2）屬性：cellpadding
作用：?jiǎn)卧裰械奈谋九c單元格邊框的間距
3）屬性：cellspacing
作用：?jiǎn)卧裰g的間距
table、tbody、tr、th、td
1、<table>…</table>：整個(gè)表格以<table>標(biāo)記開(kāi)始、</table>標(biāo)記結(jié)束。
2、<tbody>…</tbody>：當(dāng)表格內(nèi)容非常多時(shí)，表格會(huì)下載一點(diǎn)顯示一點(diǎn)，但如果加上<tbody>標(biāo)簽后，這個(gè)表格就要等表格內(nèi)容全部下載完才會(huì)顯示。如右側(cè)代碼編輯器中的代碼。
3、<tr>…</tr>：表格的一行，所以有幾對(duì)tr 表格就有幾行。
4、<td>…</td>：表格的一個(gè)單元格，一行中包含幾對(duì)<td>...</td>，說(shuō)明一行中就有幾列。
- 常用屬性： colspan：規(guī)定單元格可橫跨的列數(shù)，值為數(shù)字 rowspan：規(guī)定單元格可橫跨的行數(shù)，值為數(shù)字
5、<th>…</th>：表格的頭部的一個(gè)單元格，表格表頭。
6、表格中列的個(gè)數(shù)，取決于一行中數(shù)據(jù)單元格的個(gè)數(shù)。
總結(jié)：
16.<caption>標(biāo)簽
表格還是需要添加一些標(biāo)簽進(jìn)行優(yōu)化，可以添加標(biāo)題和摘要。
摘要的內(nèi)容是不會(huì)在瀏覽器中顯示出來(lái)的。它的作用是增加表格的可讀性(語(yǔ)義化)，使搜索引擎更好的讀懂表格內(nèi)容，還可以使屏幕閱讀器更好的幫助特殊用戶(hù)讀取表格內(nèi)容。語(yǔ)法：
<table summary="表格簡(jiǎn)介文本">
用以描述表格內(nèi)容，標(biāo)題的顯示位置：表格上方。語(yǔ)法：
<table> <caption>標(biāo)題文本</caption> <tr> <td>…</td> <td>…</td> … </tr> … </table>
17.<a>標(biāo)簽
<a href="目標(biāo)網(wǎng)址" title="鼠標(biāo)滑過(guò)顯示的文本">鏈接顯示的文本</a>
例如：
<a title="點(diǎn)擊進(jìn)入慕課網(wǎng)">click here!</a>
上面例子作用是單擊click here!文字，網(wǎng)頁(yè)鏈接跳轉(zhuǎn)到http://www.imooc.com這個(gè)網(wǎng)頁(yè)。
<a href="目標(biāo)網(wǎng)址" target="_blank">click here!</a>
<a>標(biāo)簽還有一個(gè)作用是可以鏈接Email地址，使用mailto能讓訪(fǎng)問(wèn)者便捷向網(wǎng)站管理者發(fā)送電子郵件。
注意：如果mailto后面同時(shí)有多個(gè)參數(shù)的話(huà)，第一個(gè)參數(shù)必須以“?”開(kāi)頭，后面的參數(shù)每一個(gè)都以“&”分隔。引號(hào)只有一對(duì)！
例子： <a href="mailto:yy@qq.com? cc=xx@qq.com & bcc=aa@qq.com & subject=郵件主題 & body=郵件內(nèi)容">
那么： 1）A知道自己發(fā)送郵件給了B1、B2、B3，并且抄送給了C1、C2、C3，密送給了D1、D2、D3。 2）B1知道這封是A發(fā)送給B1、B2、B3的郵件，并且抄送給了C1、C2、C3，但不知道密送給了D1、D2、D3。 3）C1知道這封是A發(fā)送給B1、B2、B3的郵件，并且抄送給了C1、C2、C3，但不知道密送給了D1、D2、D3。 4）D1知道這封是A發(fā)送給B1、B2、B3的郵件，并且抄送給了C1、C2、C3，而且密送給了自己，但不知道密送給了D2、D3。 5）郵箱地址 mailto: <a href="mailto:qiujie@staff.weibo.com">發(fā)送</a> 6）抄送地址 cc: <a href="mailto:qiujie@staff.weibo.com?cc=zz@sina.com">發(fā)送</a> 7）密件抄送地址 用分號(hào)分隔: <a href="mailto:qiujie@staff.weibo.com?bcc=zz@sina.com">發(fā)送</a> 8）多個(gè)收件人、抄送人、密送人 ; bcc: <a href="mailto:qiujie@staff.weibo.com;zz@sina.com">發(fā)送</a> 9）郵件主題 subject: <a href="mailto:qiujie@staff.weibo.com？subject=郵件主題">發(fā)送</a> 10）郵件內(nèi)容 body: <a href="mailto:qiujie@staff.weibo.com？body=郵件正文">發(fā)送</a> 例子： <a href="mailto:yy@imooc.com;10001@qq.com?cc=10002@qq.com&bbc=madanteng@qqhelp.com&subject=觀(guān)了不起的蓋茨比有感。&body=你好，對(duì)此評(píng)論有些想法。">對(duì)此影評(píng)有何感想，發(fā)送郵件給我</a>
18.<img>標(biāo)簽
在網(wǎng)頁(yè)的制作中為使網(wǎng)頁(yè)炫麗美觀(guān)，肯定是缺少不了圖片，可以使用
標(biāo)簽來(lái)插入圖片。
[站外圖片上傳中……(2)] <img src = "myimage.gif" alt = "My Image" title = "My Image" />
src：標(biāo)識(shí)圖像的位置； alt：指定圖像的描述性文本，當(dāng)圖像不可見(jiàn)時(shí)（下載不成功時(shí)），可看到該屬性指定的文本； title：提供在圖像可見(jiàn)時(shí)對(duì)圖像的描述(鼠標(biāo)滑過(guò)圖片時(shí)顯示的文本)； 圖像可以是GIF，PNG，JPEG格式的圖像文件。 路徑有兩種填寫(xiě)方式：絕對(duì)路徑、相對(duì)路徑 相對(duì)路徑：相對(duì)于我們當(dāng)前 html 文件的位置來(lái)寫(xiě)路徑即可！ ./表示當(dāng)前目錄，../表示上一級(jí)目錄
19.<form>標(biāo)簽
注意:
1、所有表單控件（文本框、文本域、按鈕、單選框、復(fù)選框等）都必須放在<form></form>標(biāo)簽之間（否則用戶(hù)輸入的信息可提交不到服務(wù)器上哦?。?。
2、method:post/get的區(qū)別這一部分內(nèi)容屬于后端程序員考慮的問(wèn)題。
語(yǔ)法：
<form method="傳送方式" action="服務(wù)器文件">
<form> ：<form>標(biāo)簽是成對(duì)出現(xiàn)的，以<form>開(kāi)始，以</form>結(jié)束。 action ：瀏覽者輸入的數(shù)據(jù)被傳送到的地方,比如一個(gè)PHP頁(yè)面(save.php)。 method ： 數(shù)據(jù)傳送的方式（get/post）。 <form method="post" action="save.php"> <label for="username">用戶(hù)名:</label> <input type="text" name="username" /> <label for="pass">密碼:</label> <input type="password" name="pass" /> </form>
20.<input>標(biāo)簽
語(yǔ)法：
<form> <input type="text/password" name="名稱(chēng)" value="文本" /> </form>
舉例： <form> 姓名： <input type="text" name="myName"/><br/> 密碼： <input type="password" name="pass"/> </form> value="xxx" 替換為 placeholder="xxx" 的體驗(yàn)更好一些，placeholder屬性為 HTML 5 的新屬性。placeholder 屬性提供可描述輸入字段預(yù)期值的提示信息（hint）。該提示會(huì)在輸入字段為空時(shí)顯示，并會(huì)在字段獲得焦點(diǎn)時(shí)消失。
語(yǔ)法：
<input placeholder="text"/> 注釋?zhuān)簆laceholder 屬性適用于以下的 <input> 類(lèi)型：text, search, url, telephone, email 以及 password。
注意:同一組的單選按鈕，name 取值一定要一致，比如上同一個(gè)名稱(chēng)“gender”，這樣同一組的單選按鈕才可以起到單選的作用！
type：
name：為文本框命名，以備后臺(tái)程序ASP 、PHP使用。
value：為文本輸入框設(shè)置默認(rèn)值。(一般起到提示作用)
21.<textarea>標(biāo)簽
語(yǔ)法：
<textarea rows="行數(shù)" cols="列數(shù)">文本</textarea>
舉例：
<form method="post" action="save.php"> <label>聯(lián)系我們</label> <textarea cols="50" rows="10" >在這里輸入內(nèi)容...</textarea> </form>
22.<select>標(biāo)簽
語(yǔ)法：
<select> <option value="提交的值">顯示的值</option> ... </select> 設(shè)置selected="selected"屬性，則該選項(xiàng)就被默認(rèn)選中。 selected="selected"
<select multiple="multiple"> 然后選擇時(shí)候按ctrl點(diǎn)鼠標(biāo)選中
<option disabled="disabled">
把相關(guān)的選項(xiàng)組合在一起
屬性 label：給選項(xiàng)組命名
屬性 disabled：禁用該選項(xiàng)組
23.<label>標(biāo)簽
<label for="控件id名稱(chēng)">
注意：標(biāo)簽的 for 屬性中的值應(yīng)當(dāng)與相關(guān)控件的 id 屬性值一定要相同。
<form> <label for="male">男</label> <input type="radio" name="gender" id="male" /> <br /> <label for="female">女</label> <input type="radio" name="gender" id="female" /> <label for="email">輸入你的郵箱地址</label> <input type="email" id="email" placeholder="Enter email"> </form>
24.<map>標(biāo)簽
使用 map 標(biāo)簽可以給圖片某塊區(qū)域加超鏈接
使用方法：
1）為 map 標(biāo)簽首先加上 id 屬性用來(lái)為 map 標(biāo)簽定義一個(gè)唯一的名稱(chēng)
2）為了保證兼容性再加上 name 屬性，屬性值與 id 的值相同
3）為 map 標(biāo)簽所作用的圖片加上 usemap 屬性，屬性值為 #id 名稱(chēng)
4）在 map 標(biāo)簽內(nèi)嵌套 area 標(biāo)簽來(lái)實(shí)現(xiàn)給指定區(qū)域加鏈接
<area shape="" coords="" href ="" alt="" /> shape 屬性：定義鏈接區(qū)域的形狀，常用值 rect、circle coords 屬性：確定區(qū)域的精確位置。填寫(xiě)坐標(biāo)即可，以父元素左上角為原點(diǎn)，可借助qq截圖來(lái)得到想要的坐標(biāo) href 屬性：填寫(xiě)鏈接地址即可 alt 屬性：給鏈接加一些說(shuō)明信息
例子：
<map id="img1" name="img1"> <area shape="rect" coords="184,33,391,258" href="http:www.baidu.com" alt="百度一下" target="_blank" /> <area shape="circle" coords="507,287,20" alt="私房庫(kù)我的博客" target="_blank" /> </map>
注意：
25.<iframe>標(biāo)簽
創(chuàng)建包含另外一個(gè)文檔的內(nèi)聯(lián)框架（即行內(nèi)框架）
屬性：
值：1、0
作用：規(guī)定是否顯示框架周?chē)倪吙颉?/p>
作用：定義 iframe 的寬度
作用：定義高度
作用：給 iframe 命名
值：yes、no、auto
作用：規(guī)定是否在 iframe 中顯示滾動(dòng)條
作用：規(guī)定在 iframe 中顯示的文檔的 URL
可以是本地的 html 文件，也可以是遠(yuǎn)程的 html 文件
標(biāo)簽寫(xiě)法
1）不允許寫(xiě)結(jié)束標(biāo)簽的元素
area,base,br,col,command,embed,hr,img,input,keygen,link,meta,paran,source,track,wbr。這些標(biāo)簽都是單標(biāo)簽例如：br 標(biāo)簽，不可以這樣<br></br>，只能<br />這樣來(lái)關(guān)閉標(biāo)簽。
2）可以省略結(jié)束標(biāo)記的元素有：
li,dt,dd,p,rt,rp,optgroup,option,colgroup,thead,tbody,tfoot,tr,td,th。
3）可以省略全部標(biāo)記的元素有
html,head,body,colgroup,tbody
例如：disabled,readonly，checked 等只寫(xiě)屬性而不寫(xiě)屬性值得時(shí)候當(dāng)做 ture 不寫(xiě)屬性表示 false
要求：屬性值不包含 空字符串，<，>，=， ‘
標(biāo)簽嵌套探討
1.html 規(guī)定我們必須要嵌套著寫(xiě)的標(biāo)簽
例如：頁(yè)面頭部是嵌套在 head 標(biāo)簽里面的，主體內(nèi)容都是嵌套在 body 標(biāo)簽里面的表單的內(nèi)容是嵌套在 form 標(biāo)簽里面的，dt、dd 是嵌套在 dl 標(biāo)簽里面的，li 是嵌套到ul 標(biāo)簽里面的，等等...
2.塊級(jí)元素可以嵌套內(nèi)聯(lián)元素，但是內(nèi)聯(lián)元素不能包含塊元素
<div> <span>我是一個(gè) span 元素</span> </div> —— 對(duì) <span> <div>div 元素</div> </span> —— 錯(cuò)
3.內(nèi)聯(lián)元素可以嵌套內(nèi)聯(lián)元素
<a href="#"> <span></span> </a> —— 對(duì)
4.塊級(jí)元素與塊級(jí)元素嵌套注意點(diǎn)
<p><ol><li></li></ol></p> —— 錯(cuò) <p><div></div></p> —— 錯(cuò)
喜歡前端的小伙伴們可以在評(píng)論區(qū)留言，尋找和小馮童鞋一樣熱愛(ài)前端的友人，讓我們一起玩轉(zhuǎn)前端的世界！
avaScript 概述
什么是 JavaScript？
JavaScript 是一種基于對(duì)象和事件驅(qū)動(dòng)并具有安全性能的腳本語(yǔ)言 。
JavaScript 官方名稱(chēng)是 "ECMAScript" （ECMA是歐洲電腦商制造協(xié)會(huì)）。
JavaScript 特點(diǎn)：
Javascript 腳本語(yǔ)言同其他語(yǔ)言一樣，有它自身的基本數(shù)據(jù)類(lèi)型，表達(dá)式和算術(shù)運(yùn)算符及程序的基本程序框架。Javascript 提供了四種基本的數(shù)據(jù)類(lèi)型和兩種特殊數(shù)據(jù)類(lèi)型用來(lái)處理數(shù)據(jù)和文字。而變量提供存放信息的地方，表達(dá)式則可以完成較復(fù)雜的信息處理。
JavaScript 與 Java 的不同點(diǎn)
Java代碼必須編譯才能執(zhí)行,而JavaScript不需編譯，只需瀏覽器解釋執(zhí)行。
Java和JavaScript雖然都可以在服務(wù)器與客戶(hù)端執(zhí)行，但Java多運(yùn)行于服務(wù)器，而JavaScript多運(yùn)行于客戶(hù)端。
JavaScript使用的是松散型的數(shù)據(jù)類(lèi)型，而Java則使用的是嚴(yán)謹(jǐn)?shù)臄?shù)據(jù)類(lèi)型 。
JavaScript數(shù)據(jù)類(lèi)型
復(fù)合數(shù)據(jù)類(lèi)型
特殊數(shù)據(jù)類(lèi)型
變量的命名規(guī)則
變量的聲明
var a = 18 ; //a為數(shù)值型 var b = "tom" ; //b 為字符串 var c = true ; //c為布爾型
特殊運(yùn)算符
條件及循環(huán)控制語(yǔ)句
JavaScript語(yǔ)句用于實(shí)現(xiàn)基本的程序控制和操作功能。
If選擇語(yǔ)句
條件選擇語(yǔ)句1：
if（expression）
{
statements
}
條件選擇語(yǔ)句2：
if（expression）
{
statements
}
else
{
statements
}
條件選擇語(yǔ)句3：
if（expression1）
{
statements
}
else if （expression2）
{
statements
}
else if （expression3）
{
statements
}
else
{
statements
}
switch選擇語(yǔ)句
switch(表達(dá)式)
{
case:語(yǔ)句
break;
case:語(yǔ)句
break;
……
default:語(yǔ)句
}
do…while語(yǔ)句
首先執(zhí)行一個(gè)語(yǔ)句，然后重復(fù)循環(huán)執(zhí)行該語(yǔ)句，直到條件表達(dá)式為false。
do
{
語(yǔ)句
}
while(條件判斷);
while循環(huán)語(yǔ)句
while語(yǔ)句執(zhí)行的時(shí)候，直到指定的條件為false為止。其用法如下：
while(條件)
{
語(yǔ)句
}
for循環(huán)語(yǔ)句
for語(yǔ)句執(zhí)行語(yǔ)句循環(huán)，直到條件為false為止。
用法如下：
for([初始表達(dá)式];[條件];[增量表達(dá)式])
{
語(yǔ)句
}
for(..in..)語(yǔ)句
對(duì)應(yīng)于一個(gè)對(duì)象的每個(gè)，或一個(gè)數(shù)組的每個(gè)元素，執(zhí)行一個(gè)或多個(gè)語(yǔ)句。
用法如下：
for (variable in [object | array]){
語(yǔ)句
}
break與continue語(yǔ)句
break語(yǔ)句結(jié)束當(dāng)前的while，for循環(huán)以及do…while循環(huán)，直接跳出循環(huán)，執(zhí)行循環(huán)下面的語(yǔ)句。
continue語(yǔ)句結(jié)束本次循環(huán)。
TML前端開(kāi)發(fā)最終取決于掌握標(biāo)簽的多少
HTML大概有七八百個(gè)標(biāo)簽
樓主這里給大家總結(jié)了下HTML常用標(biāo)簽
標(biāo)簽描述
<!--...-->定義注釋。
<!DOCTYPE> 定義文檔類(lèi)型,所有H5都是這玩意打頭。
<a>定義錨。
<abbr>定義縮寫(xiě)。
<acronym>定義只取首字母的縮寫(xiě)。
<address>定義文檔作者或擁有者的聯(lián)系信息。
<applet>不贊成使用。定義嵌入的 applet。
<area>定義圖像映射內(nèi)部的區(qū)域。
<article>定義文章。
<aside>定義頁(yè)面內(nèi)容之外的內(nèi)容。
<audio>定義聲音內(nèi)容。
<b>定義粗體字。
<base>定義頁(yè)面中所有鏈接的默認(rèn)地址或默認(rèn)目標(biāo)。
<basefont>不贊成使用。定義頁(yè)面中文本的默認(rèn)字體、顏色或尺寸。
<bdi>定義文本的文本方向，使其脫離其周?chē)谋镜姆较蛟O(shè)置。
<bdo>定義文字方向。
<big>定義大號(hào)文本。
<blockquote>定義長(zhǎng)的引用。
<body>定義文檔的主體。
<br>定義簡(jiǎn)單的折行。
<button>定義按鈕 (push button)。
<canvas>定義圖形。
<caption>定義表格標(biāo)題。
<center>不贊成使用。定義居中文本。
<cite>定義引用(citation)。
<code>定義計(jì)算機(jī)代碼文本。
<col>定義表格中一個(gè)或多個(gè)列的屬性值。
<colgroup>定義表格中供格式化的列組。
<command>定義命令按鈕。
<datalist>定義下拉列表。
<dd>定義定義列表中項(xiàng)目的描述。
<del>定義被刪除文本。
<details>定義元素的細(xì)節(jié)。
<dir>不贊成使用。定義目錄列表。
<div>定義文檔中的節(jié)。
<dfn>定義定義項(xiàng)目。
<dialog>定義對(duì)話(huà)框或窗口。
<dl>定義定義列表。
<dt>定義定義列表中的項(xiàng)目。
<em>定義強(qiáng)調(diào)文本。
<embed>定義外部交互內(nèi)容或插件。
<fieldset>定義圍繞表單中元素的邊框。
<figcaption>定義 figure 元素的標(biāo)題。
<figure>定義媒介內(nèi)容的分組，以及它們的標(biāo)題。
<font>不贊成使用。定義文字的字體、尺寸和顏色。
<footer>定義 section 或 page 的頁(yè)腳。
<form>定義供用戶(hù)輸入的 HTML 表單。
<frame>定義框架集的窗口或框架。
<frameset>定義框架集。
<h1> to <h6>定義 HTML 標(biāo)題。
<head>定義關(guān)于文檔的信息。
<header>定義 section 或 page 的頁(yè)眉。
<hr>定義水平線(xiàn)。
<html>定義 HTML 文檔。
<i>定義斜體字。
<iframe>定義內(nèi)聯(lián)框架。
<img>定義圖像。
<input>定義輸入控件。
<ins>定義被插入文本。
<isindex>不贊成使用。定義與文檔相關(guān)的可搜索索引。
<kbd>定義鍵盤(pán)文本。
<keygen>定義生成密鑰。
<label>定義 input 元素的標(biāo)注。
<legend>定義 fieldset 元素的標(biāo)題。
<li>定義列表的項(xiàng)目。
<link>定義文檔與外部資源的關(guān)系。
<map>定義圖像映射。
<mark>定義有記號(hào)的文本。
<menu>定義命令的列表或菜單。
<menuitem>定義用戶(hù)可以從彈出菜單調(diào)用的命令/菜單項(xiàng)目。
<meta>定義關(guān)于 HTML 文檔的元信息。
<meter>定義預(yù)定義范圍內(nèi)的度量。
<nav>定義導(dǎo)航鏈接。
<noframes>定義針對(duì)不支持框架的用戶(hù)的替代內(nèi)容。
<noscript>定義針對(duì)不支持客戶(hù)端腳本的用戶(hù)的替代內(nèi)容。
<object>定義內(nèi)嵌對(duì)象。
<ol>定義有序列表。
<optgroup>定義選擇列表中相關(guān)選項(xiàng)的組合。
<option>定義選擇列表中的選項(xiàng)。
<output>定義輸出的一些類(lèi)型。
<p>定義段落。
<param>定義對(duì)象的參數(shù)。
<pre>定義預(yù)格式文本。
<progress>定義任何類(lèi)型的任務(wù)的進(jìn)度。
<q>定義短的引用。
<rp>定義若瀏覽器不支持 ruby 元素顯示的內(nèi)容。
<rt>定義 ruby 注釋的解釋。
<ruby>定義 ruby 注釋。
<s>不贊成使用。定義加刪除線(xiàn)的文本。
<samp>定義計(jì)算機(jī)代碼樣本。
<script>定義客戶(hù)端腳本。
<section>定義 section。
<select>定義選擇列表（下拉列表）。
<small>定義小號(hào)文本。
<source>定義媒介源。
<span>定義文檔中的節(jié)。
<strike>不贊成使用。定義加刪除線(xiàn)文本。
<strong>定義強(qiáng)調(diào)文本。
<style>定義文檔的樣式信息。
<sub>定義下標(biāo)文本。
<summary>為 <details> 元素定義可見(jiàn)的標(biāo)題。
<sup>定義上標(biāo)文本。
<table>定義表格。
<tbody>定義表格中的主體內(nèi)容。
<td>定義表格中的單元。
<textarea>定義多行的文本輸入控件。
<tfoot>定義表格中的表注內(nèi)容（腳注）。
<th>定義表格中的表頭單元格。
<thead>定義表格中的表頭內(nèi)容。
<time>定義日期/時(shí)間。
<title>定義文檔的標(biāo)題。
<tr>定義表格中的行。
<track>定義用在媒體播放器中的文本軌道。
<tt>定義打字機(jī)文本。
<u>不贊成使用。定義下劃線(xiàn)文本。
<ul>定義無(wú)序列表。
<var>定義文本的變量部分。
<video>定義視頻。
<wbr>定義可能的換行符。
<xmp>不贊成使用。定義預(yù)格式文本。
標(biāo)簽描述
<!DOCTYPE> 定義文檔類(lèi)型。
<html>定義 HTML 文檔。
<title>定義文檔的標(biāo)題。
<body>定義文檔的主體。
<h1> to <h6>定義 HTML 標(biāo)題。
<p>定義段落。
<br>定義簡(jiǎn)單的折行。
<hr>定義水平線(xiàn)。
<!--...-->定義注釋。
格式
標(biāo)簽描述
<acronym>定義只取首字母的縮寫(xiě)。
<abbr>定義縮寫(xiě)。
<address>定義文檔作者或擁有者的聯(lián)系信息。
<b>定義粗體文本。
<bdi>定義文本的文本方向，使其脫離其周?chē)谋镜姆较蛟O(shè)置。
<bdo>定義文字方向。
<big>定義大號(hào)文本。
<blockquote>定義長(zhǎng)的引用。
<center>不贊成使用。定義居中文本。
<cite>定義引用(citation)。
<code>定義計(jì)算機(jī)代碼文本。
<del>定義被刪除文本。
<dfn>定義定義項(xiàng)目。
<em>定義強(qiáng)調(diào)文本。
<font>不贊成使用。定義文本的字體、尺寸和顏色
<i>定義斜體文本。
<ins>定義被插入文本。
<kbd>定義鍵盤(pán)文本。
<mark>定義有記號(hào)的文本。
<meter>定義預(yù)定義范圍內(nèi)的度量。
<pre>定義預(yù)格式文本。
<progress>定義任何類(lèi)型的任務(wù)的進(jìn)度。
<q>定義短的引用。
<rp>定義若瀏覽器不支持 ruby 元素顯示的內(nèi)容。
<rt>定義 ruby 注釋的解釋。
<ruby>定義 ruby 注釋。
<s>不贊成使用。定義加刪除線(xiàn)的文本。
<samp>定義計(jì)算機(jī)代碼樣本。
<small>定義小號(hào)文本。
<strike>不贊成使用。定義加刪除線(xiàn)文本。
<strong>定義語(yǔ)氣更為強(qiáng)烈的強(qiáng)調(diào)文本。
<sup>定義上標(biāo)文本。
<sub>定義下標(biāo)文本。
<time>定義日期/時(shí)間。
<tt>定義打字機(jī)文本。
<u>不贊成使用。定義下劃線(xiàn)文本。
<var>定義文本的變量部分。
<wbr>定義可能的換行符。
表單
標(biāo)簽描述
<form>定義供用戶(hù)輸入的 HTML 表單。
<input>定義輸入控件。
<textarea>定義多行的文本輸入控件。
<button>定義按鈕。
<select>定義選擇列表（下拉列表）。
<optgroup>定義選擇列表中相關(guān)選項(xiàng)的組合。
<option>定義選擇列表中的選項(xiàng)。
<label>定義 input 元素的標(biāo)注。
<fieldset>定義圍繞表單中元素的邊框。
<legend>定義 fieldset 元素的標(biāo)題。
<isindex>不贊成使用。定義與文檔相關(guān)的可搜索索引。
<datalist>定義下拉列表。
<keygen>定義生成密鑰。
<output>定義輸出的一些類(lèi)型。
框架
標(biāo)簽描述
<frame>定義框架集的窗口或框架。
<frameset>定義框架集。
<noframes>定義針對(duì)不支持框架的用戶(hù)的替代內(nèi)容。
<iframe>定義內(nèi)聯(lián)框架。
圖像
標(biāo)簽描述
<img>定義圖像。
<map>定義圖像映射。
<area>定義圖像地圖內(nèi)部的區(qū)域。
<canvas>定義圖形。
<figcaption>定義 figure 元素的標(biāo)題。
<figure>定義媒介內(nèi)容的分組，以及它們的標(biāo)題。
音頻/視頻
標(biāo)簽描述
<audio>定義聲音內(nèi)容。
<source>定義媒介源。
<track>定義用在媒體播放器中的文本軌道。
<video>定義視頻。
鏈接
標(biāo)簽描述
<a>定義錨。
<link>定義文檔與外部資源的關(guān)系。
<nav>定義導(dǎo)航鏈接。
列表
標(biāo)簽描述
<ul>定義無(wú)序列表。
<ol>定義有序列表。
<li>定義列表的項(xiàng)目。
<dir>不贊成使用。定義目錄列表。
<dl>定義定義列表。
<dt>定義定義列表中的項(xiàng)目。
<dd>定義定義列表中項(xiàng)目的描述。
<menu>定義命令的菜單/列表。
<menuitem>定義用戶(hù)可以從彈出菜單調(diào)用的命令/菜單項(xiàng)目。
<command>定義命令按鈕。
表格
標(biāo)簽描述
<table>定義表格
<caption>定義表格標(biāo)題。
<th>定義表格中的表頭單元格。
<tr>定義表格中的行。
<td>定義表格中的單元。
<thead>定義表格中的表頭內(nèi)容。
<tbody>定義表格中的主體內(nèi)容。
<tfoot>定義表格中的表注內(nèi)容（腳注）。
<col>定義表格中一個(gè)或多個(gè)列的屬性值。
<colgroup>定義表格中供格式化的列組。
樣式/節(jié)
標(biāo)簽描述
<style>定義文檔的樣式信息。
<div>定義文檔中的節(jié)。
<span>定義文檔中的節(jié)。
<header>定義 section 或 page 的頁(yè)眉。
<footer>定義 section 或 page 的頁(yè)腳。
<section>定義 section。
<article>定義文章。
<aside>定義頁(yè)面內(nèi)容之外的內(nèi)容。
<details>定義元素的細(xì)節(jié)。
<dialog>定義對(duì)話(huà)框或窗口。
<summary>為 <details> 元素定義可見(jiàn)的標(biāo)題。
元信息
標(biāo)簽描述
<head>定義關(guān)于文檔的信息。
<meta>定義關(guān)于 HTML 文檔的元信息。
<base>定義頁(yè)面中所有鏈接的默認(rèn)地址或默認(rèn)目標(biāo)。
<basefont>不贊成使用。定義頁(yè)面中文本的默認(rèn)字體、顏色或尺寸。
編程
標(biāo)簽描述
<script>定義客戶(hù)端腳本。
<noscript>定義針對(duì)不支持客戶(hù)端腳本的用戶(hù)的替代內(nèi)容。
<applet>不贊成使用。定義嵌入的 applet。
<embed>為外部應(yīng)用程序（非 HTML）定義容器。
<object>定義嵌入的對(duì)象。
<param>定義對(duì)象的參數(shù)。
屬性描述
accesskey規(guī)定激活元素的快捷鍵。
class規(guī)定元素的一個(gè)或多個(gè)類(lèi)名（引用樣式表中的類(lèi)）。
contenteditable規(guī)定元素內(nèi)容是否可編輯。
contextmenu規(guī)定元素的上下文菜單。上下文菜單在用戶(hù)點(diǎn)擊元素時(shí)顯示。
data-*用于存儲(chǔ)頁(yè)面或應(yīng)用程序的私有定制數(shù)據(jù)。
dir規(guī)定元素中內(nèi)容的文本方向。
draggable規(guī)定元素是否可拖動(dòng)。
dropzone規(guī)定在拖動(dòng)被拖動(dòng)數(shù)據(jù)時(shí)是否進(jìn)行復(fù)制、移動(dòng)或鏈接。
hidden規(guī)定元素仍未或不再相關(guān)。
id規(guī)定元素的唯一 id。
lang規(guī)定元素內(nèi)容的語(yǔ)言。
spellcheck規(guī)定是否對(duì)元素進(jìn)行拼寫(xiě)和語(yǔ)法檢查。
style規(guī)定元素的行內(nèi) CSS 樣式。
tabindex規(guī)定元素的 tab 鍵次序。
title規(guī)定有關(guān)元素的額外信息。
translate規(guī)定是否應(yīng)該翻譯元素內(nèi)容。
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
