整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
tml body【能源人都在看，點擊右上角加“關注”】brhtml head/head body div id="content" style type="text/css".bjxtgad ul{ padding-bottom:10px}.bjxtgad ul li{ padding:5px; text-align:center; float:none}.list_left .bjxtgad ul li a{ color:#f00; font-size:14px; line-height:18px;padding:0; float:none; text-decoration:underline; background:none; list-style:none; display:inline}.list_left .bjxtgad ul li a:hover{color:#c00; text-decoration:none}/style pa 北極星大氣網訊/a:近日，a target="_blank" title="江蘇新聞專題"江蘇/a省生態環境廳結合“不忘初心，牢記使命”教育活動，組織了一場企業接待日懇談會，進一步了解企業需求，面對面答疑解惑，并首次與行業協會負責人交流，傾聽行業內的意見和建議，以期更好地服務企業、服務高質量發展。/p p上海梅山鋼鐵股份有限公司、黑牡丹（集團）股份有限公司說當前的大氣污染管控措施對正常生產有影響。大氣處工作人員耐心闡明了政策依據，strong以a target="_blank" title="鋼鐵企業新聞專題"鋼鐵企業/a為例，對于未實現全流程a target="_blank" title="超低排放改造新聞專題"超低排放改造/a的鋼鐵企業在重污染天氣應急期間嚴格落實限停產等管控措施，同時介紹，根據《江蘇省秋冬季錯峰生產及重污染天氣應急管控停限產豁免管理辦法（試行）》，企業在符合四個基本條件后可以申請豁免，其中第四條是大氣污染物穩定達標排放，在線監測符合規范，數據真實有效。作為企業，可以在精準管控上再下功夫，環保部門也將跟蹤幫扶，做好服務。/strong/p p常州合全藥業公司負責人咨詢公司項目環評報告書報批及評審需要做哪些準備工作，整個審批過程需要多少工作日，能否加快推進審批進度。環評處負責人回應說，按規定整個審批過程需要在60個工作日內完成，為推進“放管服”改革，服務好高質量發展，省生態環境廳將法定時間縮短到30個工作日內。針對重點項目、重大工程和民生類項目，還開通了綠色通道，用更短的時間完成審批。合全藥業公司的項目早在一個半月前就已提前介入服務，環評處和評估中心對其環評初稿給予了指導，環評處還到項目現場開展了調研了解有關情況。環評報告文件已正式報批，近期將盡快組織專家審查，對項目落地可能遇到的困難針對性地進行幫助，爭取盡快審批，幫助項目落地生效。/p p針對冶金行業、化工行業、紡織行業、鑄造行業4家協會負責人提出的意見和建議，廳黨組成員、副廳長周富章表示，將認真研究梳理并制定解決方案，未來希望能進一步發揮行業協會的管理作用，完善管理制度，理順管理機制，引導行業協會發揮自身優勢，為行業布局和結構優化調整、污染治理、綠色發展等提供有力的行業管理支撐。發揮行業協會建立行業環保規范和標準的職能，引導企業切實履行環保主體責任，主動實施高污染、高能耗項目的替代更新，推動企業不斷提檔升級，向低能耗、低物耗、低排放、高效益轉變。發揮行業協會技術支撐作用，注重研發和科技創新，為企業安全環保決策、環境治理等提供技術支持，并組織開展技術培訓，提高職工生產安全、環保工作技能。/p p為人民謀幸福，是黨和政府永遠不變的初心。秉持著這份初心，為貫徹群眾路線，更好地問需于民，早在2018年，江蘇省生態系統就建立了“企業環保接待日”制度，把每月第四周的周四定為全省統一的接待日。目前全省各級生態環境系統“企業環保接待日”共接待企業1375家，幫助解決各類生態環境問題和困難1604項。/p p原標題:不忘初心、牢記使命丨問需企業、問計行業協會/p /div span style="max-width: 100%;font-size: 12px;color: rgb(127, 127, 127);box-sizing: border-box !important;word-wrap: break-word !important;"br免責聲明：以上內容轉載自要聞北極星環保網，所發內容不代表本平臺立場。br全國能源信息平臺聯系電話：010-65367827，郵箱：hz@people-energy.com.cn，地址：北京市朝陽區金臺西路2號人民日報社/span /body /html/body /html
TML 段落
段落是通過 <p> 標簽定義的。
實例
[demo]
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>這是段落。</p>
<p>這是段落。</p>
<p>這是段落。</p>
<p>段落元素由 p 標簽定義。</p>
</body>
</html>
[/demo]
注釋：瀏覽器會自動地在段落的前后添加空行。（<p> 是塊級元素）
提示：使用空的段落標記 <p></p> 去插入一個空行是個壞習慣。用 <br /> 標簽代替它！（但是不要用 <br /> 標簽去創建列表。不要著急，您將在稍后的篇幅學習到 HTML 列表。）
不要忘記結束標簽
即使忘了使用結束標簽，大多數瀏覽器也會正確地將 HTML 顯示出來：
實例
[demo]
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>This is a paragraph.
<p>This is a paragraph.
<p>This is a paragraph.
<p>不要忘記關閉你的 HTML 標簽！</p>
</body>
</html>
[/demo]
上面的例子在大多數瀏覽器中都沒問題，但不要依賴這種做法。忘記使用結束標簽會產生意想不到的結果和錯誤。
注釋：在未來的 HTML 版本中，不允許省略結束標簽。
提示：通過結束標簽來關閉 HTML 是一種經得起未來考驗的 HTML 編寫方法。清楚地標記某個元素在何處開始，并在何處結束，不論對您還是對瀏覽器來說，都會使代碼更容易理解。
HTML 折行
如果您希望在不產生一個新段落的情況下進行換行（新行），請使用 <br /> 標簽：
[demo]
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>
To break<br />lines<br />in a<br />paragraph,<br />use the br tag.
</p>
</body>
</html>
[/demo]
<br /> 元素是一個空的 HTML 元素。由于關閉標簽沒有任何意義，因此它沒有結束標簽。
<br> 還是 <br />
您也許發現 <br> 與 <br /> 很相似。
在 XHTML、XML 以及未來的 HTML 版本中，不允許使用沒有結束標簽（閉合標簽）的 HTML 元素。
即使 <br> 在所有瀏覽器中的顯示都沒有問題，使用 <br /> 也是更長遠的保障。
HTML 輸出 - 有用的提示
我們無法確定 HTML 被顯示的確切效果。屏幕的大小，以及對窗口的調整都可能導致不同的結果。
對于 HTML，您無法通過在 HTML 代碼中添加額外的空格或換行來改變輸出的效果。
當顯示頁面時，瀏覽器會移除源代碼中多余的空格和空行。所有連續的空格或空行都會被算作一個空格。需要注意的是，HTML 代碼中的所有連續的空行（換行）也被顯示為一個空格。
[demo]
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>春曉</h1>
<p>
春眠不覺曉，
處處聞啼鳥。
夜來風雨聲，
花落知多少。
</p>
<p>注意，瀏覽器忽略了源代碼中的排版（省略了多余的空格和換行）。</p>
</body>
</html>
[/demo]
（這個例子演示了一些 HTML 格式化方面的問題）
HTML 標簽參考手冊
標簽 描述
<p> 定義段落。
<br /> 插入單個折行（換行）。
HTML 可定義很多供格式化輸出的元素，比如粗體和斜體字。
下面有很多例子，您可以親自試試：
HTML 文本格式化實例
文本格式化
[demo]
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<b>This text is bold</b>
<br />
<strong>This text is strong</strong>
<br />
<big>This text is big</big>
<br />
<em>This text is emphasized</em>
<br />
<i>This text is italic</i>
<br />
<small>This text is small</small>
<br />
This text contains
<sub>subscript</sub>
<br />
This text contains
<sup>superscript</sup>
</body>
</html>
[/demo]
預格式文本
[demo]
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<pre>
這是
預格式文本。
它保留了 空格
和換行。
</pre>
<p>pre 標簽很適合顯示計算機代碼：</p>
<pre>
for i=1 to 10
print i
next i
</pre>
</body>
</html>
[/demo]
“計算機輸出”標簽
[demo]
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<code>Computer code</code>
<br />
<kbd>Keyboard input</kbd>
<br />
<tt>Teletype text</tt>
<br />
<samp>Sample text</samp>
<br />
<var>Computer variable</var>
<br />
<p>
<b>注釋：</b>這些標簽常用于顯示計算機/編程代碼。
</p>
</body>
</html>
[/demo]
地址
[demo]
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<address>
Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
</body>
</html>
[/demo]
縮寫和首字母縮寫
[demo]
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<abbr title="etcetera">etc.</abbr>
<br />
<acronym title="World Wide Web">WWW</acronym>
<p>在某些瀏覽器中，當您把鼠標移至縮略詞語上時，title 可用于展示表達的完整版本。</p>
<p>僅對于 IE 5 中的 acronym 元素有效。</p>
<p>對于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>
</body>
</html>
[/demo]
文字方向
[demo]
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>
如果您的瀏覽器支持 bi-directional override (bdo)，下一行會從右向左輸出 (rtl)；
</p>
<bdo dir="rtl">
Here is some Hebrew text
</bdo>
</body>
</html>
[/demo]
塊引用
[demo]
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
這是長的引用：
<blockquote>
這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。
</blockquote>
這是短的引用：
<q>
這是短的引用。
</q>
<p>
使用 blockquote 元素的話，瀏覽器會插入換行和外邊距，而 q 元素不會有任何特殊的呈現。
</p>
</body>
</html>
[/demo]
刪除字效果和插入字效果
[demo]
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>
<p>大多數瀏覽器會改寫為刪除文本和下劃線文本。</p>
<p>一些老式的瀏覽器會把刪除文本和下劃線文本顯示為普通文本。</p>
</body>
</html>
[/demo]
如何查看 HTML 源碼
您是否有過這樣的經歷，當你看到一個很棒的站點，你會很想知道開發人員是如何將它實現的？
你有沒有看過一些網頁，并且想知道它是如何做出來的呢？
要揭示一個網站的技術秘密，其實很簡單。單擊瀏覽器的“查看”菜單，選擇“查看源文件”即可。隨后你會看到一個彈出的窗口，窗口內就是實際的 HTML 代碼。
文本格式化標簽
標簽 描述
<b> 定義粗體文本。
<big> 定義大號字。
<em> 定義著重文字。
<i> 定義斜體字。
<small> 定義小號字。
<strong> 定義加重語氣。
<sub> 定義下標字。
<sup> 定義上標字。
<ins> 定義插入字。
<del> 定義刪除字。
<s> 不贊成使用。使用 <del> 代替。
<strike> 不贊成使用。使用 <del> 代替。
<u> 不贊成使用。使用樣式（style）代替。
“計算機輸出”標簽
標簽 描述
<code> 定義計算機代碼。
<kbd> 定義鍵盤碼。
<samp> 定義計算機代碼樣本。
<tt> 定義打字機代碼。
<var> 定義變量。
<pre> 定義預格式文本。
<listing> 不贊成使用。使用 <pre> 代替。
<plaintext> 不贊成使用。使用 <pre> 代替。
<xmp> 不贊成使用。使用 <pre> 代替。
引用、引用和術語定義
標簽 描述
<abbr> 定義縮寫。
<acronym> 定義首字母縮寫。
<address> 定義地址。
<bdo> 定義文字方向。
<blockquote> 定義長的引用。
<q> 定義短的引用語。
<cite> 定義引用、引證。
<dfn> 定義一個定義項目。
1.段落標簽<p>
<style>
p{margin:0px;}
</style>
2.斜體標簽<em>
<em>斜體</em>
3.粗體標簽<strong>
<strong>加粗</strong>
4.<span>標簽
被用來組合文檔中的行內元素。使用 <span> 來組合行內元素，以便通過樣式來格式化它們。
例如：
<style>
span{ color:blue; }
</style>
這樣，<span>標簽包含的文本就變成了藍色的字體。
5.<q>標簽
作用：段文本引用
例如：
<p>最初知道莊子，是從一首詩<q>莊生曉夢迷蝴蝶。望帝春心托杜鵑。</q>開始的。雖然當時不知道是什么意思，只是覺得詩句挺特別。后來才明白這個典故出自是莊子的《逍遙游》，《逍遙游》代表了莊子思想的最高境界，是對世俗社會的功名利祿及自己的舍棄。</p> 在上面的例子中，“莊生曉夢迷蝴蝶。望帝春心托杜鵑。” 這是一句詩歌，出自晚唐詩人李商隱的《錦瑟》 。因為不是作者自己的文字，所以需要使用<q></q>實現引用。 注意要引用的文本不用加雙引號，瀏覽器會對q標簽自動添加雙引號。 這里用<q>標簽的真正關鍵點不是它的默認樣式雙引號（如果這樣我們不如自己在鍵盤上輸入雙引號就行了），而是它的語義：引用別人的話。 補充知識：語義化網頁結構有助于搜索引擎的收錄。同一個效果可以用很多鐘方式實現，但這只方便了瀏覽者，而搜索引擎不知道這里到底是什么內容，這里如果你使用標簽，那么就告訴瀏覽器這里是引用的話。而且在手持設備或移動設備不能很好支持css的基礎上，瀏覽器會使用默認的效果，因而提供較好可讀性。
6.<blockquote>標簽
作用：長文本引用
例如：
<blockquote>明月出天山，蒼茫云海間。長風幾萬里，吹度玉門關。漢下白登道，胡窺青海灣。由來征戰地，不見有人還。 戍客望邊色，思歸多苦顏。高樓當此夜，嘆息未應閑。</blockquote>
注意：瀏覽器對<blockquote>標簽的解析是縮進樣式
7.<br>標簽
怎么可以讓每一句詩詞后面加入一個折行呢？那就可以用到<br />標簽了，在需要加回車換行的地方加入<br />，<br />標簽作用相當于word文檔中的回車。
語法：
xhtml1.0寫法：
<br/>
html4.01寫法：
<br>
現在一般使用 xhtml1.0 的版本的寫法（其它標簽也是），這種版本比較規范。
與以前我們學過的標簽不一樣，<br />標簽是一個空標簽，沒有HTML內容的標簽就是空標簽，空標簽只需要寫一個開始標簽，這樣的標簽有<br />、<hr />和<img />。
講到這里，你是不是有個疑問，想折行還不好說嘛，就像在 word 文件檔或記事本中，在想要折行的前面輸入回車不就行了嗎？ 不好意思，在 html 中是忽略回車和空格的，你輸入的再多回車和空格也是顯示不出來的。
8.<hr>標簽
在信息展示時，有時會需要加一些用于分隔的橫線，這樣會使文章看起來整齊些。
語法：
html4.01版本
<hr>
xhtml1.0版本
<hr/>
注意：
9.<address>標簽
一般網頁中會有一些網站的聯系地址信息需要在網頁中展示出來，這些聯系地址信息如公司的地址就可以<address>標簽。也可以定義一個地址（比如電子郵件地址）、簽名或者文檔的作者身份。
語法：
<address>聯系地址信息</address>
如：
<address>文檔編寫：lilian 北京市西城區德外大街10號</address>
10.<code>標簽
在介紹語言技術的網站中，避免不了在網頁中顯示一些計算機專業的編程代碼，當代碼為一行代碼時，你就可以使用<code>標簽了，如下面例子：
<code>var i=i+300;</code>
注意：在文章中一般如果要插入多行代碼時不能使用<code>標簽了。
語法：
<code>代碼語言</code>
注：如果是多行代碼，可以使用<pre>標簽。
11.<pre>標簽
主要作用:預格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。
語法：
<pre>語言代碼段</pre>
如下代碼：
<pre>
var message="歡迎";
for(var i=1;i<=10;i++) {
alert(message);
}
</pre>
效果如下：
注意：<pre> 標簽不只是為顯示計算機的源代碼時用的，在你需要在網頁中預顯示格式時都可以使用它，只是<pre>標簽的一個常見應用就是用來展示計算機的源代碼。
12.<ul>標簽
ul-li是沒有前后順序的信息列表。
ul{ list-style:circle; }
ul{ list-style:none }
<ul> <li>信息</li> <li>信息</li> ...... </ul>
<ul> <li>精彩少年</li> <li>美麗突然出現</li> <li>觸動心靈的旋律</li> </ul>
13.<ol>標簽
ol-li是有前后順序的信息列表
<ol> <li>信息</li> <li>信息</li> ...... </ol>
<ol> <li>前端開發面試心法 </li> <li>零基礎學習html</li> <li>JavaScript全攻略</li> </ol>
<ol>在網頁中顯示的默認樣式一般為：每項<li>前都自帶一個序號，序號默認從1開始。
14.<div>標簽
15.<table>標簽
1）屬性：border
作用：規定表格邊框的寬度
2）屬性：cellpadding
作用：單元格中的文本與單元格邊框的間距
3）屬性：cellspacing
作用：單元格之間的間距
table、tbody、tr、th、td
1、<table>…</table>：整個表格以<table>標記開始、</table>標記結束。
2、<tbody>…</tbody>：當表格內容非常多時，表格會下載一點顯示一點，但如果加上<tbody>標簽后，這個表格就要等表格內容全部下載完才會顯示。如右側代碼編輯器中的代碼。
3、<tr>…</tr>：表格的一行，所以有幾對tr 表格就有幾行。
4、<td>…</td>：表格的一個單元格，一行中包含幾對<td>...</td>，說明一行中就有幾列。
- 常用屬性： colspan：規定單元格可橫跨的列數，值為數字 rowspan：規定單元格可橫跨的行數，值為數字
5、<th>…</th>：表格的頭部的一個單元格，表格表頭。
6、表格中列的個數，取決于一行中數據單元格的個數。
總結：
16.<caption>標簽
表格還是需要添加一些標簽進行優化，可以添加標題和摘要。
摘要的內容是不會在瀏覽器中顯示出來的。它的作用是增加表格的可讀性(語義化)，使搜索引擎更好的讀懂表格內容，還可以使屏幕閱讀器更好的幫助特殊用戶讀取表格內容。語法：
<table summary="表格簡介文本">
用以描述表格內容，標題的顯示位置：表格上方。語法：
<table> <caption>標題文本</caption> <tr> <td>…</td> <td>…</td> … </tr> … </table>
17.<a>標簽
<a href="目標網址" title="鼠標滑過顯示的文本">鏈接顯示的文本</a>
例如：
<a title="點擊進入慕課網">click here!</a>
上面例子作用是單擊click here!文字，網頁鏈接跳轉到http://www.imooc.com這個網頁。
<a href="目標網址" target="_blank">click here!</a>
<a>標簽還有一個作用是可以鏈接Email地址，使用mailto能讓訪問者便捷向網站管理者發送電子郵件。
注意：如果mailto后面同時有多個參數的話，第一個參數必須以“?”開頭，后面的參數每一個都以“&”分隔。引號只有一對！
例子： <a href="mailto:yy@qq.com? cc=xx@qq.com & bcc=aa@qq.com & subject=郵件主題 & body=郵件內容">
那么： 1）A知道自己發送郵件給了B1、B2、B3，并且抄送給了C1、C2、C3，密送給了D1、D2、D3。 2）B1知道這封是A發送給B1、B2、B3的郵件，并且抄送給了C1、C2、C3，但不知道密送給了D1、D2、D3。 3）C1知道這封是A發送給B1、B2、B3的郵件，并且抄送給了C1、C2、C3，但不知道密送給了D1、D2、D3。 4）D1知道這封是A發送給B1、B2、B3的郵件，并且抄送給了C1、C2、C3，而且密送給了自己，但不知道密送給了D2、D3。 5）郵箱地址 mailto: <a href="mailto:qiujie@staff.weibo.com">發送</a> 6）抄送地址 cc: <a href="mailto:qiujie@staff.weibo.com?cc=zz@sina.com">發送</a> 7）密件抄送地址 用分號分隔: <a href="mailto:qiujie@staff.weibo.com?bcc=zz@sina.com">發送</a> 8）多個收件人、抄送人、密送人 ; bcc: <a href="mailto:qiujie@staff.weibo.com;zz@sina.com">發送</a> 9）郵件主題 subject: <a href="mailto:qiujie@staff.weibo.com？subject=郵件主題">發送</a> 10）郵件內容 body: <a href="mailto:qiujie@staff.weibo.com？body=郵件正文">發送</a> 例子： <a href="mailto:yy@imooc.com;10001@qq.com?cc=10002@qq.com&bbc=madanteng@qqhelp.com&subject=觀了不起的蓋茨比有感。&body=你好，對此評論有些想法。">對此影評有何感想，發送郵件給我</a>
18.<img>標簽
在網頁的制作中為使網頁炫麗美觀，肯定是缺少不了圖片，可以使用
標簽來插入圖片。
[站外圖片上傳中……(2)] <img src="myimage.gif" alt="My Image" title="My Image" />
src：標識圖像的位置； alt：指定圖像的描述性文本，當圖像不可見時（下載不成功時），可看到該屬性指定的文本； title：提供在圖像可見時對圖像的描述(鼠標滑過圖片時顯示的文本)； 圖像可以是GIF，PNG，JPEG格式的圖像文件。 路徑有兩種填寫方式：絕對路徑、相對路徑 相對路徑：相對于我們當前 html 文件的位置來寫路徑即可！ ./表示當前目錄，../表示上一級目錄
19.<form>標簽
注意:
1、所有表單控件（文本框、文本域、按鈕、單選框、復選框等）都必須放在<form></form>標簽之間（否則用戶輸入的信息可提交不到服務器上哦！）。
2、method:post/get的區別這一部分內容屬于后端程序員考慮的問題。
語法：
<form method="傳送方式" action="服務器文件">
<form> ：<form>標簽是成對出現的，以<form>開始，以</form>結束。 action ：瀏覽者輸入的數據被傳送到的地方,比如一個PHP頁面(save.php)。 method ： 數據傳送的方式（get/post）。 <form method="post" action="save.php"> <label for="username">用戶名:</label> <input type="text" name="username" /> <label for="pass">密碼:</label> <input type="password" name="pass" /> </form>
20.<input>標簽
語法：
<form> <input type="text/password" name="名稱" value="文本" /> </form>
舉例： <form> 姓名： <input type="text" name="myName"/><br/> 密碼： <input type="password" name="pass"/> </form> value="xxx" 替換為 placeholder="xxx" 的體驗更好一些，placeholder屬性為 HTML 5 的新屬性。placeholder 屬性提供可描述輸入字段預期值的提示信息（hint）。該提示會在輸入字段為空時顯示，并會在字段獲得焦點時消失。
語法：
<input placeholder="text"/> 注釋：placeholder 屬性適用于以下的 <input> 類型：text, search, url, telephone, email 以及 password。
注意:同一組的單選按鈕，name 取值一定要一致，比如上同一個名稱“gender”，這樣同一組的單選按鈕才可以起到單選的作用！
type：
name：為文本框命名，以備后臺程序ASP 、PHP使用。
value：為文本輸入框設置默認值。(一般起到提示作用)
21.<textarea>標簽
語法：
<textarea rows="行數" cols="列數">文本</textarea>
舉例：
<form method="post" action="save.php"> <label>聯系我們</label> <textarea cols="50" rows="10" >在這里輸入內容...</textarea> </form>
22.<select>標簽
語法：
<select> <option value="提交的值">顯示的值</option> ... </select> 設置selected="selected"屬性，則該選項就被默認選中。 selected="selected"
<select multiple="multiple"> 然后選擇時候按ctrl點鼠標選中
<option disabled="disabled">
把相關的選項組合在一起
屬性 label：給選項組命名
屬性 disabled：禁用該選項組
23.<label>標簽
<label for="控件id名稱">
注意：標簽的 for 屬性中的值應當與相關控件的 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>標簽
使用 map 標簽可以給圖片某塊區域加超鏈接
使用方法：
1）為 map 標簽首先加上 id 屬性用來為 map 標簽定義一個唯一的名稱
2）為了保證兼容性再加上 name 屬性，屬性值與 id 的值相同
3）為 map 標簽所作用的圖片加上 usemap 屬性，屬性值為 #id 名稱
4）在 map 標簽內嵌套 area 標簽來實現給指定區域加鏈接
<area shape="" coords="" href="" alt="" /> shape 屬性：定義鏈接區域的形狀，常用值 rect、circle coords 屬性：確定區域的精確位置。填寫坐標即可，以父元素左上角為原點，可借助qq截圖來得到想要的坐標 href 屬性：填寫鏈接地址即可 alt 屬性：給鏈接加一些說明信息
例子：
<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="私房庫我的博客" target="_blank" /> </map>
注意：
25.<iframe>標簽
創建包含另外一個文檔的內聯框架（即行內框架）
屬性：
值：1、0
作用：規定是否顯示框架周圍的邊框。
作用：定義 iframe 的寬度
作用：定義高度
作用：給 iframe 命名
值：yes、no、auto
作用：規定是否在 iframe 中顯示滾動條
作用：規定在 iframe 中顯示的文檔的 URL
可以是本地的 html 文件，也可以是遠程的 html 文件
標簽寫法
1）不允許寫結束標簽的元素
area,base,br,col,command,embed,hr,img,input,keygen,link,meta,paran,source,track,wbr。這些標簽都是單標簽例如：br 標簽，不可以這樣<br></br>，只能<br />這樣來關閉標簽。
2）可以省略結束標記的元素有：
li,dt,dd,p,rt,rp,optgroup,option,colgroup,thead,tbody,tfoot,tr,td,th。
3）可以省略全部標記的元素有
html,head,body,colgroup,tbody
例如：disabled,readonly，checked 等只寫屬性而不寫屬性值得時候當做 ture 不寫屬性表示 false
要求：屬性值不包含 空字符串，<，>，=， ‘
標簽嵌套探討
1.html 規定我們必須要嵌套著寫的標簽
例如：頁面頭部是嵌套在 head 標簽里面的，主體內容都是嵌套在 body 標簽里面的表單的內容是嵌套在 form 標簽里面的，dt、dd 是嵌套在 dl 標簽里面的，li 是嵌套到ul 標簽里面的，等等...
2.塊級元素可以嵌套內聯元素，但是內聯元素不能包含塊元素
<div> <span>我是一個 span 元素</span> </div> —— 對 <span> <div>div 元素</div> </span> —— 錯
3.內聯元素可以嵌套內聯元素
<a href="#"> <span></span> </a> —— 對
4.塊級元素與塊級元素嵌套注意點
<p><ol><li></li></ol></p> —— 錯 <p><div></div></p> —— 錯
喜歡前端的小伙伴們可以在評論區留言，尋找和小馮童鞋一樣熱愛前端的友人，讓我們一起玩轉前端的世界！
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
