資訊專欄INFORMATION COLUMN
摘要：標簽不區分大小寫，但推薦小寫。標簽可以嵌套，但不能交叉嵌套。標簽也稱為元素。比如行內標簽亦可成行內元素。
????????
??直接跳到末尾?? ——>領取專屬粉絲福利?
?????????
??上一篇博文兩萬字博文教你python爬蟲requests庫，看完還不會我把我女朋友都給你【??熬夜整理&建議收藏??】被眾多爬蟲愛好者/想要學習爬蟲的小伙伴們閱讀之后，很多小伙伴私信我說——爬是會爬了，但是爬下來的都是網頁源碼數據，真心看不懂鴨！該怎么辦？?
??（苦笑）為了能讓小伙伴們對日后所學的頁面解析庫理解更深，所以本博主又連夜加班加點，苦苦熬制本文（分上下兩篇哦！），為大家深入全面的講解一下常見的前端知識——學啥技術都是從底層抓起，萬丈高樓平地起，它也是基于地基穩！ 所以本文（共分上下兩篇哦！）是比頁面解析庫要先一步總結給小伙伴們哦！?
??在這兩篇博文中，本博主就帶領小伙伴們認真地學習一下HTML（超文本標記語言）相關的必備知識（爬蟲爬到數據之后解析頁面數據你得多少能看懂頁面結構！）——HTML是一門標記語言，標記語言由一套標記標簽組成，學習HTML，就是學習標簽。！?
??相信有不少小伙伴已經通過我的上篇博文完全地學費了requests庫，而本篇（以及下篇）文講解的HTML知識，將會使你日后解析爬取到的頁面數據信手拈來哦~
| 知識點補給站： |
如果把網頁比作一個人的話，HTML相當于骨架，JavaScript相當于肌肉，CSS相當于皮膚。三者結合起來才能形成一個完善的網頁。首先要普及的一個概念是一個網頁組成部分： ①HTML：用于定義網頁里面有什么內容； ②CSS:對內容進行排版； （1）找到要排版的內容————如何找到要排版的標簽； （2）設置樣式————標簽都能設置哪些樣式。 ③JavaScript:用于動態的控制頁面。HTML:（HyperText Markup Language）【超文本標記語言】
??狹義的HTML指的是網頁；
??廣義的HTML指的是前端技術（html,css,js,以及各種框架）——網頁，移動端網頁，小程序，公眾號，移動端的app，快應用等。
詳細介紹：
??HypertText：超文本——超出文本的范疇，簡單地說，不僅僅是文本，還可以是圖像，音頻，視頻，flash等等；
??Markup：標記——網頁中會有很多標記，不同的標記有不同的含義和功能，標記也叫標簽，Html會包含各種各樣的標簽，這些標簽不能亂寫，必須寫w3c規范中包含的標簽。
標簽的舉例：
??① -- 雙標簽
??②
-- 單標簽
??HTML是一門標記語言，標記語言由一套標記標簽組成，學習HTML，就是學習標簽。
??編輯器：pycharm（搞python的肯定得用pycharm！）
??瀏覽器：Firefox，Chrome（建議使用這倆哦！）
如果你再pycharm里新建一個html文件就會像下面這樣！
<!DOCTYPE html> #文檔類型的聲明"en"> #根標簽,即文檔的開始。 lang（language），en(english)。聲明語言類型是英語 #網頁頭部 "UTF-8"> #國際編碼 meta配置 字符集編碼的類型 Title<<span id="775z5pb" class="token operator">/</span>title> <span id="1ttz5hz" class="token comment">#網頁標題</span><<span id="9jp75xx" class="token operator">/</span>head><body> <span id="jd7flzz" class="token comment">#網頁的主體，可視化區域</span><<span id="jzphnpp" class="token operator">/</span>body><<span id="r7pj55h" class="token operator">/</span>html></code></pre> <p><font color="Blue">知識點補給站：</font></p> <ol><li><code><!DOCTYPE html> 標簽：作用：在html文件最前面進行聲明，定義文檔類型，告知瀏覽器用html規范去解析文檔。</code></li><li><code>在pycharm中編寫HTML文件時，<!-- 要注釋的內容--> 為注釋，快捷鍵是Ctrl+/。</code></li><li><code>在pycharm中編寫HTML文件時，打標簽時可直接打標簽名，再Tab即可實現自動補全。 如：輸入p,再Tab會自動補全為：<p></p></code></li></ol> <p></p> <h1><a id="_127"></a>第二部分：標簽</h1> <ol><li>什么是標簽？</li></ol> <pre><code class="prism language-html"> 由尖括號包裹單詞構成，如：<span id="d77tlnl" class="token tag"><span id="1rjnrrt" class="token tag"><span id="7btjb5j" class="token punctuation"><</span>html</span><span id="fvl57n7" class="token punctuation">></span></span>，所以標簽不可能以數字開頭。</code></pre> <ol start="2"><li>標簽不區分大小寫，但推薦小寫。</li><li>標簽可以嵌套，但不能交叉嵌套。</li><li>標簽也稱為元素。比如：行內標簽亦可成行內元素。</li></ol> <pre><code class="prism language-powershell">錯誤示例：<a><b><<span id="zn5ph7v" class="token operator">/</span>a><<span id="p7775d7" class="token operator">/</span>b>正確示例：<a><b><<span id="t7txndp" class="token operator">/</span>b><<span id="dfh7tj7" class="token operator">/</span>a></code></pre> <p></p> <h2><a id="1_144"></a>1.標簽的使用樣式及屬性</h2> <h3><a id="1_145"></a>（1）標簽的使用樣式：</h3> <ol><li><code>開始標簽又稱開放標簽<a>標簽體</a>結束標簽又稱閉合標簽或關標簽</code></li><li><code>自閉合標簽/單標簽，如：<meta charset="UTF-8">，<br>等</code></li></ol> <pre><code class="prism language-html"> 單標簽有兩種寫法： 寫法一：只寫開標簽即可<span id="f7z7f75" class="token tag"><span id="hhltxzb" class="token tag"><span id="vrpdz5v" class="token punctuation"><</span>br</span><span id="n5znhrp" class="token punctuation">></span></span> 寫法二：在開標簽的結尾寫一個/，如<span id="pzflb75" class="token tag"><span id="dntxbnn" class="token tag"><span id="7tn7xxl" class="token punctuation"><</span>br</span><span id="f9ptlpn" class="token punctuation">/></span></span></code></pre> <h3><a id="2_156"></a>（2）標簽屬性：</h3> <ul><li><code>通常為鍵值對形式出現，比如：<meta charset="UTF-8"> 里面的charset為標簽的屬性，對應的單引號或者雙引號里的稱為屬性值；</code></li><li>屬性只能出現在開始標簽和自閉合標簽內，但不能出現在結束標簽里；</li><li>屬性名字全部小寫，屬性值必須用單引號或者雙引號包裹；</li><li>如果屬性名和屬性值完全一樣，直接寫屬性名即可，如：“readonly”(input標簽屬性)</li></ul> <p></p> <h3><a id="3_165"></a>（3）塊狀標簽</h3> <p></p> <h4><a id="_168"></a>第一部分知識點——塊狀標簽的特點：</h4> <pre><code class="prism language-python"><span id="xxdfvl7" class="token operator"><</span>!DOCTYPE html<span id="pztlh7r" class="token operator">></span><span id="hhlbvff" class="token operator"><</span>html lang<span id="h7b7vfv" class="token operator">=</span><span id="1lfztfd" class="token string">"en"</span><span id="xhzh577" class="token operator">></span><span id="9lpjbrt" class="token operator"><</span>head<span id="f7ndnlp" class="token operator">></span> <span id="fhnrnbb" class="token operator"><</span>meta charset<span id="rfjz5vh" class="token operator">=</span><span id="xltjp7b" class="token string">"UTF-8"</span><span id="nlp7xnn" class="token operator">></span> <span id="ftz7jhv" class="token operator"><</span>title<span id="drvb5hj" class="token operator">></span>塊狀標簽的特點<span id="x77dv7b" class="token operator"><</span><span id="9tn7t7n" class="token operator">/</span>title<span id="9tzf5vh" class="token operator">></span><span id="jvzdpnd" class="token operator"><</span><span id="pzrvbb5" class="token operator">/</span>head<span id="hfxrll5" class="token operator">></span><span id="t7bvnx5" class="token operator"><</span>body<span id="xjx7p7n" class="token operator">></span> <span id="j7nb5t7" class="token operator"><</span>!<span id="7x7zpnn" class="token operator">-</span><span id="hj777rr" class="token operator">-</span>塊狀標簽的特點<span id="v7pv5vj" class="token punctuation">:</span><span id="rbh7rf5" class="token punctuation">(</span>通過段落標簽p進行說明<span id="nbrxf7n" class="token punctuation">)</span><span id="ttbvn5p" class="token operator">-</span><span id="jzfjl75" class="token operator">-</span><span id="zz77f5l" class="token operator">></span> <span id="7lf5b77" class="token operator"><</span>!<span id="7xbvbbp" class="token operator">-</span><span id="jtxpj5b" class="token operator">-</span><span id="fd7l5jv" class="token number">1</span><span id="fvnvrjx" class="token punctuation">.</span>設置寬高有效，以及外邊距和內邊距都可控制<span id="9brfvlz" class="token operator">-</span><span id="vlh5np7" class="token operator">-</span><span id="7brz7bb" class="token operator">></span> <span id="npfxpnj" class="token operator"><</span>!<span id="7ld5z57" class="token operator">-</span><span id="9jndp5h" class="token operator">-</span><span id="rt5jttl" class="token number">2</span><span id="r7r7np7" class="token punctuation">.</span>在不設置寬度的情況下，寬度始終與父標簽保持一致，與內容無關。是父標簽容器的<span id="rflfjxl" class="token number">100</span><span id="nr5phhv" class="token operator">%</span>；<span id="fhxphfv" class="token operator">-</span><span id="v7r57lh" class="token operator">-</span><span id="zxn5hvv" class="token operator">></span> <span id="htvpjxz" class="token operator"><</span>!<span id="nzfxrft" class="token operator">-</span><span id="577lb5f" class="token operator">-</span><span id="l7f7lb5" class="token number">3</span><span id="lxx7jjl" class="token punctuation">.</span>可以獨占一行，實現自動換行。一個段落標簽不管多少內容都占一行<span id="h77xd7n" class="token operator">-</span><span id="jjntnbf" class="token operator">-</span><span id="rh7j7h7" class="token operator">></span> <span id="7bfj5n7" class="token operator"><</span>!<span id="dpfztvt" class="token operator">-</span><span id="vjlhp75" class="token operator">-</span><span id="9fnh5b5" class="token number">4</span><span id="pzdhb5r" class="token punctuation">.</span>當多個塊狀標簽寫一起時，默認排列方式是從上向下<span id="f7hntvv" class="token operator">-</span><span id="9fldtrh" class="token operator">-</span><span id="h7lf7xh" class="token operator">></span> <span id="dt5xbpb" class="token operator"><</span>!<span id="zjbtlbz" class="token operator">-</span><span id="fr77jt5" class="token operator">-</span><span id="zfvzhhj" class="token number">5</span><span id="ll5zr57" class="token punctuation">.</span>可以容納內聯元素和其他塊元素<span id="h757hfh" class="token operator">-</span><span id="v7p5nbd" class="token operator">-</span><span id="1ljpvxp" class="token operator">></span> <span id="fp7bj7j" class="token operator"><</span>p style<span id="xjzdfrf" class="token operator">=</span><span id="llb5xzb" class="token string">"width:100px; height:100px"</span><span id="xj7dfrr" class="token operator">></span>這是個段落標簽，我是塊狀標簽<span id="bnh7pdf" class="token operator"><</span><span id="rtlb57n" class="token operator">/</span>p<span id="h7pjpn7" class="token operator">></span><span id="7nd5jl7" class="token operator"><</span><span id="r7tnt57" class="token operator">/</span>body<span id="nxrfr5x" class="token operator">></span><span id="dnflffx" class="token operator"><</span><span id="hhnr7lv" class="token operator">/</span>html<span id="tfzvpph" class="token operator">></span></code></pre> <table><tbody><tr><td bgcolor="yellow">知識點補給站： 1.px是像素，是長度單位； 2.在網頁查看元素（ELements）顯示的是寬度*高度。</td></tr></tbody></table> <h4><a id="_195"></a>第二部分知識點——常用的塊狀標簽：</h4> <p><font color="#008000">小知識點：網頁的默認字號是1em（1em=16px）！</font></p> <p>總共有四個：</p> <ol><li>標題標簽；</li></ol> <pre><code class="prism language-html"> <span id="9bt7nzz" class="token comment"><!--第一個：標題標簽。h1到h6 （一般放在文章的標題） 字體會加粗！--></span> <span id="fvn7xj7" class="token comment"><!-- h1字號是2em--32px；h2字號是1.5em--24px；h3字號是1.17em--18.72px;h4字號是默認字號16px; h5字號是0.83em--13.28px；h6字號是0.67em--換算應該是10.72px，但是網頁有最小字號限制，所以會變為12px！ --></span> <span id="t75x55n" class="token tag"><span id="xtnrxzb" class="token tag"><span id="d7hvlhx" class="token punctuation"><</span>h1</span><span id="p77bffr" class="token punctuation">></span></span>我是一級標簽，一個網頁只能有一個，別的可以有多個<span id="tj7ltt7" class="token tag"><span id="dbrvxjz" class="token tag"><span id="r7jldd7" class="token punctuation"></</span>h1</span><span id="zv5l7pn" class="token punctuation">></span></span> <span id="lz7zdrh" class="token tag"><span id="xjlphjj" class="token tag"><span id="7lbf5hr" class="token punctuation"><</span>h2</span><span id="vvz5fnr" class="token punctuation">></span></span>我是二級標簽<span id="lfl75jx" class="token tag"><span id="9fxzdhh" class="token tag"><span id="d7jlpth" class="token punctuation"></</span>h2</span><span id="bb7dl5z" class="token punctuation">></span></span></code></pre> <ol start="2"><li>段落標簽；</li></ol> <pre><code class="prism language-html"> <span id="pprj755" class="token comment"><!--第二個：段落標簽。 大小跟四級標題標簽一樣 （會把HTML文檔分割成若干個段落）--></span> <span id="lhxbftf" class="token comment"><!-- p標簽默認有段前段后間距--16px；但是段落標簽并不會首行縮進！ --></span> <span id="nnpjnrr" class="token tag"><span id="77xl5nz" class="token tag"><span id="x7npvrh" class="token punctuation"><</span>p</span><span id="nl7nrhj" class="token punctuation">></span></span>我是段落標簽<span id="brtxdf5" class="token tag"><span id="jldjnnd" class="token tag"><span id="lt5vpxn" class="token punctuation"></</span>p</span><span id="7tlrlnn" class="token punctuation">></span></span></code></pre> <ol start="3"><li>列表標簽：分為有序列表，無序列表和定義列表三大類；</li></ol> <pre><code class="prism language-html"> <span id="l5fldfv" class="token comment"><!--第三個：列表標簽--></span> <span id="p7xbxjv" class="token comment"><!--（1）有序列表--></span> <span id="ljbtznr" class="token tag"><span id="pjddlpd" class="token tag"><span id="v7zhdpf" class="token punctuation"><</span>ol</span> <span id="nbtbrtv" class="token attr-name">type</span><span id="vdv7jxn" class="token attr-value"><span id="v757z75" class="token punctuation attr-equals">=</span><span id="vt5rl5l" class="token punctuation">"</span>A<span id="77r7tvt" class="token punctuation">"</span></span> <span id="bnfjpbd" class="token attr-name">start</span><span id="j7bh7ff" class="token attr-value"><span id="d7vxdfj" class="token punctuation attr-equals">=</span><span id="xhl55jx" class="token punctuation">"</span>3<span id="77tldff" class="token punctuation">"</span></span><span id="lnbrxb7" class="token punctuation">></span></span> <span id="vh5nhvl" class="token comment"><!--ol是order list的縮寫。本行是有序列表的開始 type有五個選擇——1:按1,2,3,4...顯示序號（默認）； A:按A,B,C,D..顯示序號； a：按a,b,c,d..顯示序號； I：按I,II,III,IV，V..顯示序號（羅馬數字）； i：按i,ii,iii,iv,v..顯示序號（羅馬數字小寫）。 start規定從第幾個開始排--></span> <span id="9hlpvjx" class="token tag"><span id="lv7vdzx" class="token tag"><span id="9fntz5z" class="token punctuation"><</span>li</span><span id="ttzf7j7" class="token punctuation">></span></span>這是有序列表1<span id="9xbrv57" class="token tag"><span id="njz5zdd" class="token tag"><span id="trtbhvh" class="token punctuation"></</span>li</span><span id="7h7jbpf" class="token punctuation">></span></span> <span id="f7bpvvh" class="token tag"><span id="drx57vv" class="token tag"><span id="jxbhznn" class="token punctuation"><</span>li</span><span id="7rvnpd5" class="token punctuation">></span></span>這是有序列表2<span id="jxpv7lv" class="token tag"><span id="7zr5xxn" class="token tag"><span id="t757rjv" class="token punctuation"></</span>li</span><span id="rdtd7tx" class="token punctuation">></span></span> <span id="nlrvp55" class="token tag"><span id="9z7bfvx" class="token tag"><span id="j7ntxjx" class="token punctuation"><</span>li</span><span id="ttvpvv5" class="token punctuation">></span></span>這是有序列表3<span id="f7jpzdh" class="token tag"><span id="bx5ntvz" class="token tag"><span id="p7rxfnf" class="token punctuation"></</span>li</span><span id="bxplp77" class="token punctuation">></span></span> <span id="xx7h75h" class="token tag"><span id="pptdfrh" class="token tag"><span id="tf7z775" class="token punctuation"></</span>ol</span><span id="vh7bhhj" class="token punctuation">></span></span> <span id="pxpttlx" class="token comment"><!--（2）無序列表--></span> <span id="1btvb5r" class="token tag"><span id="f7zb5dj" class="token tag"><span id="x7hnhjj" class="token punctuation"><</span>ul</span> <span id="jvndv7p" class="token attr-name">type</span><span id="bn7lblb" class="token attr-value"><span id="zrv7ljn" class="token punctuation attr-equals">=</span><span id="7rxpt5l" class="token punctuation">"</span>circle<span id="hjnrzx5" class="token punctuation">"</span></span><span id="jvbfl57" class="token punctuation">></span></span> <span id="lbvx555" class="token comment"><!--ul是unorder list的縮寫。本行是無序列表的開始 可以設置none（空的）,circle（空心圓）,square（實心方塊），disc（實心圓）[默認值]等樣式--></span> <span id="1pvxpbf" class="token tag"><span id="rfhbhjl" class="token tag"><span id="z75h5xh" class="token punctuation"><</span>li</span><span id="vjl91nl" class="token punctuation">></span></span>這是無序列表1<span id="5f7vd77" class="token tag"><span id="7bjbvjz" class="token tag"><span id="ddlrvxn" class="token punctuation"></</span>li</span><span id="zlpvrfj" class="token punctuation">></span></span> <span id="9hzd5hr" class="token comment"><!-- 一個li代表一個列表項。 --></span> <span id="119pdlt" class="token tag"><span id="55tj5jj" class="token tag"><span id="tnrh5ft" class="token punctuation"><</span>li</span><span id="htj5xnb" class="token punctuation">></span></span>這是無序列表2<span id="jxpfjzn" class="token tag"><span id="lld7rft" class="token tag"><span id="xjnh7ff" class="token punctuation"></</span>li</span><span id="lzf5lnn" class="token punctuation">></span></span> <span id="75fbjjz" class="token tag"><span id="j5phn7b" class="token tag"><span id="v5p7ftt" class="token punctuation"><</span>li</span><span id="1nvlttj" class="token punctuation">></span></span>這是無序列表3<span id="tdvxvfv" class="token tag"><span id="nztx77f" class="token tag"><span id="tvpr5zb" class="token punctuation"></</span>li</span><span id="hfhx5f7" class="token punctuation">></span></span> <span id="7pt7pb7" class="token tag"><span id="d75rvjn" class="token tag"><span id="blrzj79" class="token punctuation"><</span>li</span><span id="nvp5bhn" class="token punctuation">></span></span>這是無序列表4<span id="7rldh5x" class="token tag"><span id="t7jnprt" class="token tag"><span id="z7fnvtj" class="token punctuation"></</span>li</span><span id="ffxdhhv" class="token punctuation">></span></span> <span id="nnr5xnp" class="token tag"><span id="nlfhlbb" class="token tag"><span id="xx7jlnz" class="token punctuation"></</span>ul</span><span id="pzdxpdd" class="token punctuation">></span></span> <span id="nn5bf5x" class="token comment"><!--(3)定義列表--></span> <span id="9lr5z7b" class="token tag"><span id="n5h5zln" class="token tag"><span id="zxld57h" class="token punctuation"><</span>dl</span><span id="prhlrr5" class="token punctuation">></span></span> <span id="rrjrjjl" class="token comment"><!--本行是定義列表的開始--></span> <span id="pdtxpd5" class="token tag"><span id="tfxldrr" class="token tag"><span id="n7fx7nl" class="token punctuation"><</span>dt</span><span id="95tz57h" class="token punctuation">></span></span>水果<span id="b7tl7v5" class="token tag"><span id="5dl7br7" class="token tag"><span id="dbftz7d" class="token punctuation"></</span>dt</span><span id="xvbt77h" class="token punctuation">></span></span> <span id="fr7zd7d" class="token comment"><!--代表一個大的列項--></span> <span id="fdlp5p7" class="token tag"><span id="7ld7lvx" class="token tag"><span id="jjnrzpf" class="token punctuation"><</span>dd</span><span id="hfjjnxz" class="token punctuation">></span></span>葡萄<span id="zjz5hth" class="token tag"><span id="b9pvlt7" class="token tag"><span id="bl77bpj" class="token punctuation"></</span>dd</span><span id="5btfx7f" class="token punctuation">></span></span> <span id="7xb7l7d" class="token comment"><!--代表對上面列項的解釋，即細分。--></span> <span id="rn5zrrt" class="token tag"><span id="hbhz7fd" class="token tag"><span id="vfltllb" class="token punctuation"><</span>dd</span><span id="nxrh55d" class="token punctuation">></span></span>榴蓮<span id="ppfjzbp" class="token tag"><span id="77ldllz" class="token tag"><span id="rt775fl" class="token punctuation"></</span>dd</span><span id="7nvlr5v" class="token punctuation">></span></span> <span id="jx5njfj" class="token comment"><!-- dd有縮進，dt沒有縮進 --></span> <span id="jjbtjjx" class="token tag"><span id="zxn77ll" class="token tag"><span id="rhjb5b5" class="token punctuation"><</span>dt</span><span id="7h5jffv" class="token punctuation">></span></span>蔬菜<span id="f77rtjl" class="token tag"><span id="9phnbdt" class="token tag"><span id="3fhrz9t" class="token punctuation"></</span>dt</span><span id="dh19zfn" class="token punctuation">></span></span> <span id="rx937bx" class="token tag"><span id="hnvhjpv" class="token tag"><span id="xtx3pjh" class="token punctuation"><</span>dd</span><span id="x1hnfl7" class="token punctuation">></span></span>花菜<span id="lh7rjx7" class="token tag"><span id="7t5tzbr" class="token tag"><span id="hbfbrdf" class="token punctuation"></</span>dd</span><span id="tt7djhv" class="token punctuation">></span></span> <span id="pptxr5f" class="token tag"><span id="zflrxzv" class="token tag"><span id="1fl77xb" class="token punctuation"><</span>dd</span><span id="tr5h5rf" class="token punctuation">></span></span>包菜<span id="bzph57p" class="token tag"><span id="vrxptjj" class="token tag"><span id="xfprjl7" class="token punctuation"></</span>dd</span><span id="7fxnppp" class="token punctuation">></span></span> <span id="d757fh7" class="token tag"><span id="pzfflnl" class="token tag"><span id="lnp5tjl" class="token punctuation"></</span>dl</span><span id="fbdtxl7" class="token punctuation">></span></span></code></pre> <ol start="4"><li>div標簽。</li></ol> <pre><code class="prism language-html"> <span id="tvbvzbn" class="token comment"><!--第四個：div標簽：用來分劃一個一個的區域 （width和height來規定區域大小；background-color是設置區域背景色）--></span> <span id="tfxzt5f" class="token comment"><!--div是一個純凈的塊元素——所謂純凈意思是沒有任何的默認樣式。不宜過多使用。后期維護不好--></span> <span id="7xxppvt" class="token comment"><!-- div最大的優勢：布局，作為容器，承載其他標簽，因為div沒有默認樣式，所以盡管用div包裹了標簽， 但不影響標簽的展示。 --></span> <span id="d77vdhn" class="token tag"><span id="nb7d5jz" class="token tag"><span id="nhnhp5v" class="token punctuation"><</span>div</span> <span id="vfx775b" class="token style-attr"><span id="xvnfljv" class="token attr-name">style</span><span id="957tlvx" class="token attr-value"><span id="17lbvvx" class="token punctuation attr-equals">=</span><span id="l5t5ftf" class="token punctuation">"</span><span id="hrt7rpf" class="token style language-css"><span id="f7bfxvx" class="token property">width</span><span id="pdjbtjh" class="token punctuation">:</span>500px<span id="rp7pxjz" class="token punctuation">;</span><span id="jvhz57z" class="token property">height</span><span id="pdtjrtf" class="token punctuation">:</span> 500px<span id="zzpj5v5" class="token punctuation">;</span><span id="jjbfzzn" class="token property">background-color</span><span id="xjbflll" class="token punctuation">:</span> #66a9fe<span id="bb7x7bn" class="token punctuation">;</span></span><span id="r7vnvzv" class="token punctuation">"</span></span></span><span id="rr5nr5l" class="token punctuation">></span></span>我是一個div<span id="9lf5txn" class="token tag"><span id="df7fxlz" class="token tag"><span id="zxbtlnn" class="token punctuation"></</span>div</span><span id="bbfzd5t" class="token punctuation">></span></span></code></pre> <table><tbody><tr><td bgcolor="yellow">知識點補給站：</td></tr></tbody></table> <p>??如果嫌打列表標簽太麻煩，可使用快捷方法:（n表示相應的標簽的個數，直接輸入下面語句Tab一下即可生成！）<br /> </p> <h4><a id="font_colorredemmetfont_273"></a>深入講解：<font color="red">emmet語法</font>————快速敲代碼小技巧之快速敲標簽語法！</h4> <ol><li> <p><code>*是乘的作用，后面跟一個數字，數字是幾，就會生成幾個標簽！</code><br /> 舉例：<br /> <br /> 實現：<br /> </p> </li><li> <p><code>$可以代表一個數字，這個數字從1開始，逐步增大，通常和*連用。</code><br /> 舉例：<br /> <br /> 實現：<br /> </p> </li><li> <p><code>{}里面用于書寫標簽的文本內容。</code><br /> 舉例：<br /> <br /> 實現：<br /> </p> </li><li> <p><code>[]里面用于書寫屬性名和屬性值（如果不加屬性值，則創建屬性值為空的屬性）</code><br /> 舉例①：<br /> <br /> 舉例②：<br /> </p> <p>實現①：<br /> <br /> 實現②：<br /> </p> </li><li> <p><code>>用于指示下一級標簽，他們構成父子關系（包含關系）</code><br /> 舉例：<br /> </p> <p>說明：<br /> </p> </li><li> <p><code>+在當前標簽的后面生成一個平級的標簽（兄弟關系）</code><br /> 舉例：<br /> <br /> 實現：<br /> </p> </li><li> <p><code>#a生成一個id位a的div標簽</code></p> <p>舉例：<br /> <br /> 實現：<br /> </p> </li><li> <p>綜合使用：<br /> 舉例①：<br /> </p> <p>實現①：<br /> <br /> 舉例②：<br /> <br /> 實現②：<br /> <br /> 舉例③：<br /> <br /> 實現③：<br /> <br /> 舉例④：<br /> <br /> 實現④：<br /> <br /> 舉例⑤：<br /> <br /> 實現⑤：<br /> </p> </li></ol> <h3><a id="4_354"></a>（4）內聯標簽（行內標簽）</h3> <p></p> <h4><a id="_357"></a>第一部分知識點——內聯標簽的特點：</h4> <pre><code class="prism language-python"><span id="9phxrv5" class="token operator"><</span>!DOCTYPE html<span id="zlfldtt" class="token operator">></span><span id="7zdnp7f" class="token operator"><</span>html lang<span id="ftndv7z" class="token operator">=</span><span id="ddjbvhh" class="token string">"en"</span><span id="fd7hp5x" class="token operator">></span><span id="1jrzrh5" class="token operator"><</span>head<span id="j7n7xjl" class="token operator">></span> <span id="zn5xd5l" class="token operator"><</span>meta charset<span id="frvphlb" class="token operator">=</span><span id="xz7vzz5" class="token string">"UTF-8"</span><span id="lj77dff" class="token operator">></span> <span id="7v5tllx" class="token operator"><</span>title<span id="77rl5bh" class="token operator">></span>內聯標簽，又稱行內標簽的特點<span id="r7j5xvv" class="token operator"><</span><span id="ttzrxxl" class="token operator">/</span>title<span id="frxr5xj" class="token operator">></span><span id="vtxn55b" class="token operator"><</span><span id="xr5dhv5" class="token operator">/</span>head<span id="n1jxfpn" class="token operator">></span><span id="vvb5npf" class="token operator"><</span>body<span id="bxprvjl" class="token operator">></span> <span id="9dxpjvx" class="token operator"><</span>!<span id="xhbv55l" class="token operator">-</span><span id="75fld5x" class="token operator">-</span>內聯標簽的特點（通過文本標簽span說明）<span id="d7brvzn" class="token operator">-</span><span id="9hnrznl" class="token operator">-</span><span id="7dhlfhl" class="token operator">></span> <span id="9l7zfrv" class="token operator"><</span>!<span id="nz7nhtp" class="token operator">-</span><span id="zd7z5rr" class="token operator">-</span><span id="lldxbln" class="token number">1</span><span id="nlr7dtl" class="token punctuation">.</span>設置寬高無效，以及外邊距和內邊距都無法控制<span id="llrl7hf" class="token operator">-</span><span id="xxr5575" class="token operator">-</span><span id="5lpzrfb" class="token operator">></span> <span id="77tlzxx" class="token operator"><</span>!<span id="jjntxx7" class="token operator">-</span><span id="lh7fxzb" class="token operator">-</span><span id="9r7jthx" class="token number">2</span><span id="xz777v5" class="token punctuation">.</span>寬度就是其文字或者圖片寬度，無法控制<span id="7p57pbb" class="token operator">-</span><span id="nndjpdp" class="token operator">-</span><span id="d7jtjjz" class="token operator">></span> <span id="lzzrlxl" class="token operator"><</span>!<span id="7vzbvhj" class="token operator">-</span><span id="vvb77zn" class="token operator">-</span><span id="rd7bt7f" class="token number">3</span><span id="tpjztt7" class="token punctuation">.</span>不會進行自動換行，只有本行放滿才會放下一行<span id="dd7vhrt" class="token operator">-</span><span id="nn7zddp" class="token operator">-</span><span id="d7nt7dt" class="token operator">></span> <span id="vfntndp" class="token operator"><</span>!<span id="9tlrx57" class="token operator">-</span><span id="7jp5vtv" class="token operator">-</span><span id="hftjnnp" class="token number">4</span><span id="ffj5htj" class="token punctuation">.</span>當多個內聯標簽寫在一起時，默認排列方式是從左往右<span id="9v5hndf" class="token operator">-</span><span id="fdvlf5t" class="token operator">-</span><span id="trvlt57" class="token operator">></span> <span id="bpvn7vr" class="token operator"><</span>!<span id="xjpvdpd" class="token operator">-</span><span id="bbvxdlr" class="token operator">-</span><span id="bdtz7nd" class="token number">5</span><span id="pdtpvxb" class="token punctuation">.</span>內聯元素只能容納文本或者其他內聯元素<span id="7lpvbr7" class="token operator">-</span><span id="lzfldt5" class="token operator">-</span><span id="vzjlprd" class="token operator">></span> <span id="zjx7jzp" class="token operator"><</span>span<span id="9t5btdh" class="token operator">></span>我是個文本標簽<span id="tdtxprv" class="token operator"><</span><span id="thlfnpr" class="token operator">/</span>span<span id="dndr7hj" class="token operator">></span><span id="7bhzt57" class="token operator"><</span><span id="htlrjj5" class="token operator">/</span>body<span id="1fdjbrd" class="token operator">></span><span id="zx7lprh" class="token operator"><</span><span id="vfx7bbr" class="token operator">/</span>html<span id="fn77x5x" class="token operator">></span></code></pre> <h4><a id="_380"></a>第二部分知識點——常用的內聯標簽：</h4> <p>總共有四種：</p> <ol><li>圖片標簽</li></ol> <pre><code class="prism language-html"> <span id="vp5btr5" class="token comment"><!--第一個：圖片標簽 img + Tab--></span> <span id="jh7j57v" class="token tag"><span id="fpvldvv" class="token tag"><span id="jtvbvhn" class="token punctuation"><</span>img</span> <span id="ll7rvvj" class="token attr-name">src</span><span id="vj5fzx5" class="token attr-value"><span id="hphptp5" class="token punctuation attr-equals">=</span><span id="nl55bbb" class="token punctuation">"</span><span id="xtlzt7f" class="token punctuation">"</span></span> <span id="9vxdxl5" class="token attr-name">alt</span><span id="j7hjbrd" class="token attr-value"><span id="77xfjx5" class="token punctuation attr-equals">=</span><span id="75xnvx5" class="token punctuation">"</span><span id="jvbt7lj" class="token punctuation">"</span></span> <span id="vj5hxzb" class="token attr-name">width</span><span id="9blphx5" class="token attr-value"><span id="tdjrh57" class="token punctuation attr-equals">=</span><span id="xxdrjl5" class="token punctuation">"</span><span id="rptv5dt" class="token punctuation">"</span></span> <span id="thxb577" class="token attr-name">height</span><span id="pntlrh5" class="token attr-value"><span id="bp7dxnn" class="token punctuation attr-equals">=</span><span id="lhnrlz5" class="token punctuation">"</span><span id="9nfflb7" class="token punctuation">"</span></span><span id="bldhbx5" class="token punctuation">></span></span> <span id="jhn5ppd" class="token comment"><!--src是圖片的地址，可以直接是網頁里的圖片地址， 也可以是本地圖片的地址（推薦使用相對路徑——相對的含義：圖片相對于Html文件的位置，參照物是html文件！--></span> <span id="zhb557r" class="token comment"><!-- alt是當圖片加載失敗時顯示的內容--></span> <span id="frxdvj5" class="token comment"><!-- width是圖片寬度；height是圖片高度。不指定按原圖大小顯示注意。：如果二者只指定一個，另外一個會等比例縮放 --></span> <span id="nhnfhvx" class="token comment"><!-- img不是塊元素(block)，也不算行元素(inline)，它是行級塊元素（inline-block） --></span></code></pre> <ol start="2"><li>粗體/斜體標簽</li></ol> <pre><code class="prism language-html"> <span id="7lf7drh" class="token comment"><!--第二個：粗體/斜體標簽 b+ Tab i+ Tab --></span> <span id="jx5xbzn" class="token tag"><span id="d55l5nl" class="token tag"><span id="zlbvljb" class="token punctuation"><</span>b</span><span id="xvn7xzp" class="token punctuation">></span></span>我是粗體<span id="vhzfz5f" class="token tag"><span id="b75hnlz" class="token tag"><span id="7z7zfft" class="token punctuation"></</span>b</span><span id="h7rtzpf" class="token punctuation">></span></span> <span id="9xbfzzp" class="token tag"><span id="zvzr7v5" class="token tag"><span id="pnvbth5" class="token punctuation"><</span>i</span><span id="zvd7h5v" class="token punctuation">></span></span>我是斜體<span id="b7rhbpr" class="token tag"><span id="pb7lfv5" class="token tag"><span id="75xpxj5" class="token punctuation"></</span>i</span><span id="7bhzrfr" class="token punctuation">></span></span></code></pre> <ol start="3"><li>超鏈接標簽</li></ol> <pre><code class="prism language-html"> <span id="f7pjzrd" class="token comment"><!--第三個：超鏈接標簽 _self本身網頁上打開；_blank打開一個新網頁--></span> <span id="dzrlb5l" class="token tag"><span id="lh57t7v" class="token tag"><span id="zh5pjht" class="token punctuation"><</span>a</span> <span id="dfjjvj5" class="token attr-name">href</span><span id="rnrxznn" class="token attr-value"><span id="rrjzrff" class="token punctuation attr-equals">=</span><span id="dlrhpr5" class="token punctuation">"</span><span id="vhnt55z" class="token punctuation">"</span></span> <span id="1bv7drt" class="token attr-name">title</span><span id="rdhl5xj" class="token attr-value"><span id="9fjz7dr" class="token punctuation attr-equals">=</span><span id="vrl5p7v" class="token punctuation">"</span>超鏈接的一個說明（鼠標放上會顯示的文本）<span id="jld7df5" class="token punctuation">"</span></span> <span id="9ldj7bb" class="token attr-name">target</span><span id="xtztnpd" class="token attr-value"><span id="rpjrxzl" class="token punctuation attr-equals">=</span><span id="rpfzpdf" class="token punctuation">"</span>_self<span id="dnrltxb" class="token punctuation">"</span></span><span id="fbbbh75" class="token punctuation">></span></span>我是超鏈接<span id="zxb5htt" class="token tag"><span id="9jbh7vt" class="token tag"><span id="zdld5rf" class="token punctuation"></</span>a</span><span id="lhp7l77" class="token punctuation">></span></span> <span id="zjz5h7p" class="token comment"><!--href里可以寫網址，可以寫文件路徑--></span> <span id="tntndv7" class="token comment"><!-- 如果href="" 那么點擊后會刷新當前網頁，而且會回到頂部 --></span> <span id="nflrv5j" class="token comment"><!-- 如果href="#" 那么點擊后，會回到頂部，但不會刷新頁面 --></span> <span id="5bbxhvh" class="token comment"><!-- 如果href="#錨點" 那么點擊后，會跳到指定的錨點處（錨點其實就是一個id值）！ --></span></code></pre> <ol start="4"><li>文本標簽</li></ol> <pre><code class="prism language-html"> <span id="bxpfvjv" class="token comment"><!--第四個：文字標簽 和css配合使用才有用哦！--></span> <span id="7jpr7ht" class="token comment"><!-- span是一個純凈的行元素；所謂的純凈——沒有任何默認樣式； --></span> <span id="dzrvzz7" class="token comment"><!-- span最大的優勢：設定樣式，主要作用于行元素或者文字等 --></span> <span id="vdrxrr5" class="token tag"><span id="dbt5lbr" class="token tag"><span id="jfx5txn" class="token punctuation"><</span>span</span><span id="7ldv57r" class="token punctuation">></span></span>我是文本標簽<span id="tlhjnnn" class="token tag"><span id="dldfll5" class="token tag"><span id="tdvzrhl" class="token punctuation"></</span>span</span><span id="tt7zddt" class="token punctuation">></span></span></code></pre> <table><tbody><tr><td bgcolor="yellow">知識點補給站第一站點：</td></tr></tbody></table> <p>如果圖片標簽里填的是本地圖片的地址（相對路徑）：<br /> ??1.如果圖片在同級目錄下，直接： 當前目錄名/圖片名<br /> 或者： ./當前目錄名/圖片名<br /> ??2.如果圖片在上級目錄下，直接： . ./圖片名</p> <table><tbody><tr><td bgcolor="yellow">知識點補給站第二站點：</td></tr></tbody></table> <p><br /> 至于為什么要實現行內標簽和塊狀標簽的相互轉換，小伙伴們在設置css樣式時會get到這個點哦。<br /> ??<font color="Blue">比如：塊狀標簽是不能放在一行了，但我們可以通過先轉換為行內標簽就可以了！！！<br /> </font></p> <p></p> <h1><a id="In_The_End_446"></a>In The End！</h1> <p></p> <table><tbody><tr><td bgcolor="yellow">從現在做起，堅持下去，一天進步一小點，不久的將來，你會感謝曾經努力的你！</td></tr></tbody></table> <p>?<strong>本博主會持續更新爬蟲基礎分欄及爬蟲實戰分欄（為了小伙伴們更好的進行頁面解析，也會更新部分前端必備知識點博文！），認真仔細看完本文的小伙伴們，可以點贊收藏并評論出你們的讀后感。并可關注本博主，在今后的日子里閱讀更多爬蟲文！</strong></p> <pre><code class="prism language-powershell"> 如有錯誤或者言語不恰當的地方可在評論區指出，謝謝！ 如轉載此文請聯系我說明用以意并標注出處及本博主名，謝謝！</code></pre> <p>?</p> <p><span id="jump99"></span></p><center> ??可通過點擊下面——>關注本人運營 <strong>公眾號</strong>??</center><p></p> <center> <font size="1">【可以公眾號里私聊并標明來自CSDN，會拉你進入技術交流群（群內涉及各個領域大佬級人物，任何問題都可討論~）--->互相學習&&共同進步（非誠勿擾）】</font></center> </div> <link rel="stylesheet"> <link rel="stylesheet"> </div> <div class="hphzrt7" id="blogExtensionBox" style="width:400px;margin:auto;margin-top:12px" class="blog-extension-box"></div>
</div>
<div id="blf5pp5" class="mt-64 tags-seach" >
<div id="l7v5hjl" class="tags-info">
<a style="width:120px;" title="GPU云服務器" href="http://specialneedsforspecialkids.com/site/product/gpu.html">GPU云服務器</a>
<a style="width:120px;" title="云服務器" href="http://specialneedsforspecialkids.com/site/active/kuaijiesale.html?ytag=seo">云服務器</a>
<a style="width:120px;" title="html收藏" href="http://specialneedsforspecialkids.com/yun/tag/htmlshoucang/">html收藏</a>
<a style="width:120px;" title="大數據平臺部署 建議" href="http://specialneedsforspecialkids.com/yun/tag/dashujupingtaibushu jianyi/">大數據平臺部署 建議</a>
<a style="width:120px;" title="html收藏夾代碼" href="http://specialneedsforspecialkids.com/yun/tag/htmlshoucangjiadaima/">html收藏夾代碼</a>
<a style="width:120px;" title="html字" href="http://specialneedsforspecialkids.com/yun/tag/htmlzi/">html字</a>
</div>
</div>
<div id="x5ld5ft" class="entry-copyright mb-30">
<p class="mb-15"> 文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。</p>
<p>轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/122442.html</p>
</div>
<ul class="pre-next-page">
<li id="7rldlp5" class="ellipsis"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/122441.html">上一篇：【Python爬蟲】手把手帶你爬下肯德基官網（ajax的post請求）</a></li>
<li id="pxf5nbx" class="ellipsis"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/122443.html">下一篇：我用Python逆向登錄世界上最大的游戲平臺，steam加密手段有多高明【內附源碼】</a></li>
</ul>
</div>
<div id="7v7h7xz" class="about_topicone-mid">
<h3 class="top-com-title mb-0"><span data-id="0">相關文章</span></h3>
<ul class="com_white-left-mid atricle-list-box">
<li>
<div id="hb5dxpr" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/121429.html"><b>糊涂算法之「八<em>大</em>排序」<em>總結</em>——用<em>兩萬</em><em>字</em>，8張動圖，450行代碼跨過排序這道坎（<em>建議</em><em>收藏</em>）</b></a></h2>
<p class="ellipsis2 good">摘要：今天，一條就帶大家徹底跨過排序算法這道坎，保姆級教程建議收藏。利用遞歸算法，對分治后的子數組進行排序。基本思想堆排序是利用堆這種數據結構而設計的一種排序算法，堆排序是一種選擇排序，它的最壞，最好，平均時間復雜度均為，它也是不穩定排序。 ...</p>
<div id="jj5flnb" class="com_white-left-info">
<div id="97bf5xx" class="com_white-left-infol">
<a href="http://specialneedsforspecialkids.com/yun/u-392.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/03/small_000000392.jpg" alt=""><span id="b7lpjjl" class="layui-hide64">greatwhole</span></a>
<time datetime="">2021-09-28 09:36</time>
<span><i class="fa fa-commenting"></i>評論0</span>
<span><i class="fa fa-star"></i>收藏0</span>
</div>
</div>
</div>
</li>
<li>
<div id="h5bhl5n" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/119824.html"><b><em>保姆</em><em>級</em><em>教程</em>帶你開發優質的Python庫之<em>上篇</em>【<em>建議</em><em>收藏</em>】</b></a></h2>
<p class="ellipsis2 good">摘要：正式的專欄第篇，同學站住，別錯過這個從開始的文章前面學委的入門到精通專欄積累了篇文章，當然學委博客還有幾十篇應用的文章。 正式的Python專欄第9篇，同學站住...</p>
<div id="7dxpt5n" class="com_white-left-info">
<div id="bpvbth7" class="com_white-left-infol">
<a href="http://specialneedsforspecialkids.com/yun/u-1164.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/11/small_000001164.jpg" alt=""><span id="vjbtld5" class="layui-hide64">hyuan</span></a>
<time datetime="">2021-09-10 10:51</time>
<span><i class="fa fa-commenting"></i>評論0</span>
<span><i class="fa fa-star"></i>收藏0</span>
</div>
</div>
</div>
</li>
<li>
<div id="ndvnfhv" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/120967.html"><b>13 萬<em>字</em> C 語言從入門到精通<em>保姆</em><em>級</em><em>教程</em>2021 年版 （<em>建議</em><em>收藏</em>）</b></a></h2>
<p class="ellipsis2 good">摘要：友情提示先關注收藏，再查看，萬字保姆級語言從入門到精通教程。及大牛出天地開始有隨之乃有萬種語年英國劍橋大學推出了語言。 友情提示：先關注收藏，再查看，13 萬字保...</p>
<div id="nphjb5j" class="com_white-left-info">
<div id="r77rjx7" class="com_white-left-infol">
<a href="http://specialneedsforspecialkids.com/yun/u-1432.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/14/small_000001432.jpg" alt=""><span id="zdj5j5h" class="layui-hide64">zombieda</span></a>
<time datetime="">2021-09-24 09:48</time>
<span><i class="fa fa-commenting"></i>評論0</span>
<span><i class="fa fa-star"></i>收藏0</span>
</div>
</div>
</div>
</li>
<li>
<div id="lbrvll7" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/121531.html"><b>從小白程序員一路晉升為<em>大</em>廠高<em>級</em>技術專家我看過哪些書籍？（<em>建議</em><em>收藏</em>）</b></a></h2>
<p class="ellipsis2 good">摘要：大家好，我是冰河有句話叫做投資啥都不如投資自己的回報率高。馬上就十一國慶假期了，給小伙伴們分享下，從小白程序員到大廠高級技術專家我看過哪些技術類書籍。 大家好，我是...</p>
<div id="xxb7zpf" class="com_white-left-info">
<div id="zvndn7n" class="com_white-left-infol">
<a href="http://specialneedsforspecialkids.com/yun/u-986.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/09/small_000000986.jpg" alt=""><span id="hh7fl5t" class="layui-hide64">sf_wangchong</span></a>
<time datetime="">2021-09-29 09:35</time>
<span><i class="fa fa-commenting"></i>評論0</span>
<span><i class="fa fa-star"></i>收藏0</span>
</div>
</div>
</div>
</li>
<li>
<div id="jj7n5fl" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/118774.html"><b>【<em>保姆</em><em>級</em><em>教程</em>】從零到精通Git，CodeChina實戰</b></a></h2>
<p class="ellipsis2 good">摘要：因為是全中文的，對一些英語不好的人來說確實是福利。二下載安裝下載官網下載地址進去之后，點擊點擊后就會自動下載了。 文章目錄 推薦系列教程，推薦的一定是精選的！一....</p>
<div id="z7rvnpd" class="com_white-left-info">
<div id="7hpj5ll" class="com_white-left-infol">
<a href="http://specialneedsforspecialkids.com/yun/u-206.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/02/small_000000206.jpg" alt=""><span id="hhz5dbp" class="layui-hide64">lyning</span></a>
<time datetime="">2021-09-02 15:11</time>
<span><i class="fa fa-commenting"></i>評論0</span>
<span><i class="fa fa-star"></i>收藏0</span>
</div>
</div>
</div>
</li>
</ul>
</div>
<div id="bl5bfpr" class="topicone-box-wangeditor">
<h3 class="top-com-title mb-64"><span>發表評論</span></h3>
<div id="7hzrjvv" class="xcp-publish-main flex_box_zd">
<div id="r7vbh7b" class="unlogin-pinglun-box">
<a href="javascript:login()" class="grad">登陸后可評論</a>
</div> </div>
</div>
<div id="7djd5jx" class="site-box-content">
<div id="frxnff5" class="site-content-title">
<h3 class="top-com-title mb-64"><span>0條評論</span></h3>
</div>
<div id="dpv7ppf" class="pages"></ul></div>
</div>
</div>
<div id="jvbf5xl" class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right">
<div id="hrtphvx" class="">
<div id="bj7pv5f" class="com_layuiright-box user-msgbox">
<a href="http://specialneedsforspecialkids.com/yun/u-668.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/06/small_000000668.jpg" alt=""></a>
<h3><a href="http://specialneedsforspecialkids.com/yun/u-668.html" rel="nofollow">paulli3</a></h3>
<h6>男<span>|</span>高級講師</h6>
<div id="xjrjp5r" class="flex_box_zd user-msgbox-atten">
<a href="javascript:attentto_user(668)" id="attenttouser_668" class="grad follow-btn notfollow attention">我要關注</a>
<a href="javascript:login()" title="發私信" >我要私信</a>
</div>
<div id="blbfxbl" class="user-msgbox-list flex_box_zd">
<h3 class="hpf">TA的文章</h3>
<a href="http://specialneedsforspecialkids.com/yun/ut-668.html" class="box_hxjz">閱讀更多</a>
</div>
<ul class="user-msgbox-ul">
<li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/123686.html">【STM32+cubemx】0011 HAL庫開發：I2C總線訪問加速度傳感器ADXL345</a></h3>
<p>閱讀 2405<span>·</span>2021-11-18 10:02</p></li>
<li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/122442.html">保姆級教程HTML兩萬字筆記大總結【建議收藏】（上篇）</a></h3>
<p>閱讀 1922<span>·</span>2021-10-13 09:40</p></li>
<li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/119444.html">DediPath九月4折：洛杉磯VPS月付1.4美元起;美國獨立服務器月付39美元起</a></h3>
<p>閱讀 2999<span>·</span>2021-09-07 10:07</p></li>
<li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/119169.html">TOB主題2.7版本更新：重做文章主列表、新增菜單圖標支持、麵包屑、彩色標籤、縮略圖圓角</a></h3>
<p>閱讀 2105<span>·</span>2021-09-04 16:48</p></li>
<li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/115456.html">前端開源項目周報0103</a></h3>
<p>閱讀 1005<span>·</span>2019-08-30 13:18</p></li>
<li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/112894.html">CSS盒子模型以及外邊框合并的問題</a></h3>
<p>閱讀 2451<span>·</span>2019-08-29 14:03</p></li>
<li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/112231.html">CSS display屬性</a></h3>
<p>閱讀 2921<span>·</span>2019-08-29 12:54</p></li>
<li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/107383.html">可拖動table表頭的實現</a></h3>
<p>閱讀 3154<span>·</span>2019-08-26 11:41</p></li>
</ul>
</div>
<!-- 文章詳情右側廣告-->
<div id="rrt7lnn" class="com_layuiright-box">
<h6 class="top-com-title"><span>最新活動</span></h6>
<div id="7h7xbnd" class="com_adbox">
<div id="znd7vvv" class="layui-carousel" id="right-item">
<div carousel-item>
<div>
<a href="http://specialneedsforspecialkids.com/site/active/kuaijiesale.html?ytag=seo" rel="nofollow">
<img src="http://specialneedsforspecialkids.com/yun/data/attach/240625/2rTjEHmi.png" alt="云服務器">
</a>
</div>
<div>
<a href="http://specialneedsforspecialkids.com/site/product/gpu.html" rel="nofollow">
<img src="http://specialneedsforspecialkids.com/yun/data/attach/240807/7NjZjdrd.png" alt="GPU云服務器">
</a>
</div>
</div>
</div>
</div> <!-- banner結束 -->
<div id="ppd7xz5" class="adhtml">
</div>
<script>
$(function(){
$.ajax({
type: "GET",
url:"http://specialneedsforspecialkids.com/yun/ad/getad/1.html",
cache: false,
success: function(text){
$(".adhtml").html(text);
}
});
})
</script> </div> </div>
</div>
</div>
</div>
</section>
<!-- wap拉出按鈕 -->
<div id="vjbhnbd" class="site-tree-mobile layui-hide">
<i class="layui-icon layui-icon-spread-left"></i>
</div>
<!-- wap遮罩層 -->
<div id="fbvn5dn" class="site-mobile-shade"></div>
<!--付費閱讀 -->
<div class="zlbhbbp" id="payread">
<div id="5tl5tv7" class="layui-form-item">閱讀需要支付1元查看</div>
<div id="7ztjddt" class="layui-form-item"><button class="btn-right">支付并查看</button></div>
</div>
<script>
var prei=0;
$(".site-seo-depict pre").each(function(){
var html=$(this).html().replace("<code>","").replace("</code>","").replace('<code class="javascript hljs" codemark="1">','');
$(this).attr('data-clipboard-text',html).attr("id","pre"+prei);
$(this).html("").append("<code>"+html+"</code>");
prei++;
})
$(".site-seo-depict img").each(function(){
if($(this).attr("src").indexOf('data:image/svg+xml')!= -1){
$(this).remove();
}
})
$("LINK[href*='style-49037e4d27.css']").remove();
$("LINK[href*='markdown_views-d7a94ec6ab.css']").remove();
layui.use(['jquery', 'layer','code'], function(){
$("pre").attr("class","layui-code");
$("pre").attr("lay-title","");
$("pre").attr("lay-skin","");
layui.code();
$(".layui-code-h3 a").attr("class","copycode").html("復制代碼 ").attr("onclick","copycode(this)");
});
function copycode(target){
var id=$(target).parent().parent().attr("id");
var clipboard = new ClipboardJS("#"+id);
clipboard.on('success', function(e) {
e.clearSelection();
alert("復制成功")
});
clipboard.on('error', function(e) {
alert("復制失敗")
});
}
//$(".site-seo-depict").html($(".site-seo-depict").html().slice(0, -5));
</script>
<link rel="stylesheet" type="text/css" href="http://specialneedsforspecialkids.com/yun/static/js/neweditor/code/styles/tomorrow-night-eighties.css">
<script src="http://specialneedsforspecialkids.com/yun/static/js/neweditor/code/highlight.pack.js" type="text/javascript"></script>
<script src="http://specialneedsforspecialkids.com/yun/static/js/clipboard.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script>
function setcode(){
var _html='';
document.querySelectorAll('pre code').forEach((block) => {
var _tmptext=$.trim($(block).text());
if(_tmptext!=''){
_html=_html+_tmptext;
console.log(_html);
}
});
}
</script>
<script>
function payread(){
layer.open({
type: 1,
title:"付費閱讀",
shadeClose: true,
content: $('#payread')
});
}
// 舉報
function jupao_tip(){
layer.open({
type: 1,
title:false,
shadeClose: true,
content: $('#jubao')
});
}
$(".getcommentlist").click(function(){
var _id=$(this).attr("dataid");
var _tid=$(this).attr("datatid");
$("#articlecommentlist"+_id).toggleClass("hide");
var flag=$("#articlecommentlist"+_id).attr("dataflag");
if(flag==1){
flag=0;
}else{
flag=1;
//加載評論
loadarticlecommentlist(_id,_tid);
}
$("#articlecommentlist"+_id).attr("dataflag",flag);
})
$(".add-comment-btn").click(function(){
var _id=$(this).attr("dataid");
$(".formcomment"+_id).toggleClass("hide");
})
$(".btn-sendartcomment").click(function(){
var _aid=$(this).attr("dataid");
var _tid=$(this).attr("datatid");
var _content=$.trim($(".commenttext"+_aid).val());
if(_content==''){
alert("評論內容不能為空");
return false;
}
var touid=$("#btnsendcomment"+_aid).attr("touid");
if(touid==null){
touid=0;
}
addarticlecomment(_tid,_aid,_content,touid);
})
$(".button_agree").click(function(){
var supportobj = $(this);
var tid = $(this).attr("id");
$.ajax({
type: "GET",
url:"http://specialneedsforspecialkids.com/yun/index.php?topic/ajaxhassupport/" + tid,
cache: false,
success: function(hassupport){
if (hassupport != '1'){
$.ajax({
type: "GET",
cache:false,
url: "http://specialneedsforspecialkids.com/yun/index.php?topic/ajaxaddsupport/" + tid,
success: function(comments) {
supportobj.find("span").html(comments+"人贊");
}
});
}else{
alert("您已經贊過");
}
}
});
});
function attenquestion(_tid,_rs){
$.ajax({
//提交數據的類型 POST GET
type:"POST",
//提交的網址
url:"http://specialneedsforspecialkids.com/yun/favorite/topicadd.html",
//提交的數據
data:{tid:_tid,rs:_rs},
//返回數據的格式
datatype: "json",//"xml", "html", "script", "json", "jsonp", "text".
//在請求之前調用的函數
beforeSend:function(){},
//成功返回之后調用的函數
success:function(data){
var data=eval("("+data+")");
console.log(data)
if(data.code==2000){
layer.msg(data.msg,function(){
if(data.rs==1){
//取消收藏
$(".layui-layer-tips").attr("data-tips","收藏文章");
$(".layui-layer-tips").html('<i class="fa fa-heart-o"></i>');
}
if(data.rs==0){
//收藏成功
$(".layui-layer-tips").attr("data-tips","已收藏文章");
$(".layui-layer-tips").html('<i class="fa fa-heart"></i>')
}
})
}else{
layer.msg(data.msg)
}
} ,
//調用執行后調用的函數
complete: function(XMLHttpRequest, textStatus){
postadopt=true;
},
//調用出錯執行的函數
error: function(){
//請求出錯處理
postadopt=false;
}
});
}
</script>
<footer>
<div id="zxbt5l7" class="layui-container">
<div id="th7jdpd" class="flex_box_zd">
<div id="xzfjptv" class="left-footer">
<h6><a href="http://specialneedsforspecialkids.com/"><img src="http://specialneedsforspecialkids.com/yun/static/theme/ukd//images/logo.png" alt="UCloud （優刻得科技股份有限公司）"></a></h6>
<p>UCloud （優刻得科技股份有限公司）是中立、安全的云計算服務平臺，堅持中立，不涉足客戶業務領域。公司自主研發IaaS、PaaS、大數據流通平臺、AI服務平臺等一系列云計算產品，并深入了解互聯網、傳統企業在不同場景下的業務需求，提供公有云、混合云、私有云、專有云在內的綜合性行業解決方案。</p>
</div>
<div id="pbdfvh7" class="right-footer layui-hidemd">
<ul class="flex_box_zd">
<li>
<h6>UCloud與云服務</h6>
<p><a href="http://specialneedsforspecialkids.com/site/about/intro/">公司介紹</a></p>
<p><a >加入我們</a></p>
<p><a href="http://specialneedsforspecialkids.com/site/ucan/onlineclass/">UCan線上公開課</a></p>
<p><a href="http://specialneedsforspecialkids.com/site/solutions.html" >行業解決方案</a></p> <p><a href="http://specialneedsforspecialkids.com/site/pro-notice/">產品動態</a></p>
</li>
<li>
<h6>友情鏈接</h6> <p><a >GPU算力平臺</a></p> <p><a >UCloud私有云</a></p>
<p><a >SurferCloud</a></p> <p><a >工廠仿真軟件</a></p> <p><a >Pinex</a></p> <p><a >AI繪畫</a></p>
</li>
<li>
<h6>社區欄目</h6>
<p><a href="http://specialneedsforspecialkids.com/yun/column/index.html">專欄文章</a></p>
<p><a href="http://specialneedsforspecialkids.com/yun/udata/">專題地圖</a></p> </li>
<li>
<h6>常見問題</h6>
<p><a href="http://specialneedsforspecialkids.com/site/ucsafe/notice.html" >安全中心</a></p>
<p><a href="http://specialneedsforspecialkids.com/site/about/news/recent/" >新聞動態</a></p>
<p><a href="http://specialneedsforspecialkids.com/site/about/news/report/">媒體動態</a></p> <p><a href="http://specialneedsforspecialkids.com/site/cases.html">客戶案例</a></p>
<p><a href="http://specialneedsforspecialkids.com/site/notice/">公告</a></p>
</li>
<li>
<span><img src="https://static.ucloud.cn/7a4b6983f4b94bcb97380adc5d073865.png" alt="優刻得"></span>
<p>掃掃了解更多</p></div>
</div>
<div id="jr75rh5" class="copyright">Copyright ? 2012-2023 UCloud 優刻得科技股份有限公司<i>｜</i><a rel="nofollow" >滬公網安備 31011002000058號</a><i>｜</i><a rel="nofollow" ></a> 滬ICP備12020087號-3</a><i>｜</i> <script type="text/javascript" src="https://gyfk12.kuaishang.cn/bs/ks.j?cI=197688&fI=125915" charset="utf-8"></script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?290c2650b305fc9fff0dbdcafe48b59d";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DZSMXQ3P9N"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-DZSMXQ3P9N');
</script>
<script>
(function(){
var el = document.createElement("script");
el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?99f50ea166557aed914eb4a66a7a70a4709cbb98a54ecb576877d99556fb4bfc3d72cd14f8a76432df3935ab77ec54f830517b3cb210f7fd334f50ccb772134a";
el.id = "ttzz";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(el, s);
})(window)
</script></div>
</div>
</footer>
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://specialneedsforspecialkids.com/" title="国产xxxx99真实实拍">国产xxxx99真实实拍</a>
<div class="friend-links">
<a href="http://belistarlp.com/">国产黄色在线</a>
</div>
</div>
</footer>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="fr7zx" class="pl_css_ganrao" style="display: none;"><meter id="fr7zx"><ol id="fr7zx"></ol></meter><span id="fr7zx"></span><video id="fr7zx"><font id="fr7zx"><div id="fr7zx"><pre id="fr7zx"></pre></div></font></video><progress id="fr7zx"></progress><strike id="fr7zx"></strike><dfn id="fr7zx"></dfn><b id="fr7zx"></b><strong id="fr7zx"></strong><track id="fr7zx"><tt id="fr7zx"><progress id="fr7zx"><acronym id="fr7zx"></acronym></progress></tt></track><p id="fr7zx"></p><dfn id="fr7zx"><output id="fr7zx"></output></dfn><th id="fr7zx"></th><address id="fr7zx"><legend id="fr7zx"></legend></address><dfn id="fr7zx"></dfn><th id="fr7zx"></th><legend id="fr7zx"><sup id="fr7zx"><label id="fr7zx"><rp id="fr7zx"></rp></label></sup></legend><th id="fr7zx"><b id="fr7zx"><progress id="fr7zx"><acronym id="fr7zx"></acronym></progress></b></th><rp id="fr7zx"><font id="fr7zx"></font></rp><meter id="fr7zx"><pre id="fr7zx"></pre></meter><dl id="fr7zx"><pre id="fr7zx"><th id="fr7zx"><b id="fr7zx"></b></th></pre></dl><ruby id="fr7zx"><thead id="fr7zx"></thead></ruby><listing id="fr7zx"><dfn id="fr7zx"></dfn></listing><strike id="fr7zx"></strike><strong id="fr7zx"></strong><form id="fr7zx"><rp id="fr7zx"><font id="fr7zx"><meter id="fr7zx"></meter></font></rp></form><label id="fr7zx"><video id="fr7zx"></video></label><small id="fr7zx"><meter id="fr7zx"></meter></small><big id="fr7zx"></big><style id="fr7zx"><nobr id="fr7zx"><small id="fr7zx"><menuitem id="fr7zx"></menuitem></small></nobr></style><i id="fr7zx"></i><legend id="fr7zx"><dfn id="fr7zx"><u id="fr7zx"><rp id="fr7zx"></rp></u></dfn></legend><ruby id="fr7zx"><thead id="fr7zx"></thead></ruby><thead id="fr7zx"><thead id="fr7zx"></thead></thead><em id="fr7zx"><meter id="fr7zx"><pre id="fr7zx"><strike id="fr7zx"></strike></pre></meter></em><ins id="fr7zx"><address id="fr7zx"><legend id="fr7zx"><sup id="fr7zx"></sup></legend></address></ins><output id="fr7zx"><sub id="fr7zx"></sub></output><big id="fr7zx"></big><form id="fr7zx"></form><var id="fr7zx"><form id="fr7zx"><rp id="fr7zx"><em id="fr7zx"></em></rp></form></var><b id="fr7zx"></b><th id="fr7zx"></th><listing id="fr7zx"><dfn id="fr7zx"><output id="fr7zx"><sub id="fr7zx"></sub></output></dfn></listing><legend id="fr7zx"></legend><b id="fr7zx"></b><i id="fr7zx"></i><optgroup id="fr7zx"><output id="fr7zx"><sub id="fr7zx"><big id="fr7zx"></big></sub></output></optgroup><u id="fr7zx"></u><small id="fr7zx"><menuitem id="fr7zx"></menuitem></small><strong id="fr7zx"><track id="fr7zx"></track></strong><em id="fr7zx"><meter id="fr7zx"><pre id="fr7zx"><i id="fr7zx"></i></pre></meter></em><span id="fr7zx"></span><dfn id="fr7zx"><output id="fr7zx"></output></dfn><pre id="fr7zx"><i id="fr7zx"><strong id="fr7zx"><optgroup id="fr7zx"></optgroup></strong></i></pre><video id="fr7zx"></video><sub id="fr7zx"></sub><th id="fr7zx"><b id="fr7zx"><progress id="fr7zx"><form id="fr7zx"></form></progress></b></th><i id="fr7zx"></i><strike id="fr7zx"><strong id="fr7zx"></strong></strike><sup id="fr7zx"></sup><b id="fr7zx"><mark id="fr7zx"></mark></b><ins id="fr7zx"></ins><video id="fr7zx"><em id="fr7zx"><meter id="fr7zx"><pre id="fr7zx"></pre></meter></em></video><ol id="fr7zx"></ol><sup id="fr7zx"></sup><ruby id="fr7zx"><thead id="fr7zx"></thead></ruby><progress id="fr7zx"><dl id="fr7zx"></dl></progress><menuitem id="fr7zx"><pre id="fr7zx"><style id="fr7zx"><nobr id="fr7zx"></nobr></style></pre></menuitem><div id="fr7zx"></div><output id="fr7zx"><sub id="fr7zx"></sub></output><strong id="fr7zx"></strong><th id="fr7zx"><tt id="fr7zx"><mark id="fr7zx"><address id="fr7zx"></address></mark></tt></th><label id="fr7zx"><rp id="fr7zx"></rp></label><p id="fr7zx"><sup id="fr7zx"></sup></p><dfn id="fr7zx"><output id="fr7zx"><sub id="fr7zx"><thead id="fr7zx"></thead></sub></output></dfn><meter id="fr7zx"><pre id="fr7zx"></pre></meter><nobr id="fr7zx"><small id="fr7zx"><menuitem id="fr7zx"><pre id="fr7zx"></pre></menuitem></small></nobr><strike id="fr7zx"><strong id="fr7zx"></strong></strike><p id="fr7zx"><var id="fr7zx"></var></p><form id="fr7zx"></form><sub id="fr7zx"></sub><dfn id="fr7zx"><output id="fr7zx"><sub id="fr7zx"><thead id="fr7zx"></thead></sub></output></dfn><mark id="fr7zx"><form id="fr7zx"></form></mark><u id="fr7zx"><rp id="fr7zx"></rp></u><b id="fr7zx"><mark id="fr7zx"></mark></b><p id="fr7zx"></p><form id="fr7zx"></form><small id="fr7zx"><meter id="fr7zx"></meter></small><i id="fr7zx"><nobr id="fr7zx"></nobr></i><i id="fr7zx"><listing id="fr7zx"><optgroup id="fr7zx"><output id="fr7zx"></output></optgroup></listing></i><ol id="fr7zx"></ol><ins id="fr7zx"><font id="fr7zx"></font></ins><label id="fr7zx"></label><track id="fr7zx"><thead id="fr7zx"><big id="fr7zx"><dl id="fr7zx"></dl></big></thead></track><strong id="fr7zx"><track id="fr7zx"></track></strong><span id="fr7zx"><i id="fr7zx"><listing id="fr7zx"><dfn id="fr7zx"></dfn></listing></i></span><sub id="fr7zx"></sub><thead id="fr7zx"><strong id="fr7zx"></strong></thead><sub id="fr7zx"><thead id="fr7zx"></thead></sub><output id="fr7zx"><span id="fr7zx"><strike id="fr7zx"><listing id="fr7zx"></listing></strike></span></output><ol id="fr7zx"></ol><em id="fr7zx"><div id="fr7zx"><ol id="fr7zx"><i id="fr7zx"></i></ol></div></em><form id="fr7zx"></form><em id="fr7zx"></em><span id="fr7zx"><i id="fr7zx"></i></span><span id="fr7zx"><i id="fr7zx"><listing id="fr7zx"><dfn id="fr7zx"></dfn></listing></i></span><u id="fr7zx"><mark id="fr7zx"></mark></u><big id="fr7zx"></big><th id="fr7zx"><u id="fr7zx"><ins id="fr7zx"><address id="fr7zx"></address></ins></u></th><style id="fr7zx"><nobr id="fr7zx"></nobr></style><address id="fr7zx"><legend id="fr7zx"></legend></address><small id="fr7zx"><meter id="fr7zx"></meter></small><acronym id="fr7zx"><legend id="fr7zx"><dfn id="fr7zx"><u id="fr7zx"></u></dfn></legend></acronym><rp id="fr7zx"></rp><strong id="fr7zx"></strong><div id="fr7zx"><pre id="fr7zx"></pre></div><address id="fr7zx"><legend id="fr7zx"></legend></address><p id="fr7zx"></p><b id="fr7zx"></b><big id="fr7zx"><dl id="fr7zx"></dl></big><sup id="fr7zx"></sup><th id="fr7zx"><b id="fr7zx"><mark id="fr7zx"><form id="fr7zx"></form></mark></b></th><listing id="fr7zx"><dfn id="fr7zx"><output id="fr7zx"><sub id="fr7zx"></sub></output></dfn></listing><var id="fr7zx"><u id="fr7zx"></u></var><ol id="fr7zx"><style id="fr7zx"></style></ol><optgroup id="fr7zx"></optgroup><th id="fr7zx"><tt id="fr7zx"><progress id="fr7zx"><acronym id="fr7zx"></acronym></progress></tt></th><u id="fr7zx"><ins id="fr7zx"></ins></u><ins id="fr7zx"><address id="fr7zx"></address></ins><big id="fr7zx"><dl id="fr7zx"><strong id="fr7zx"><th id="fr7zx"></th></strong></dl></big><ruby id="fr7zx"><thead id="fr7zx"></thead></ruby><em id="fr7zx"></em><strong id="fr7zx"><optgroup id="fr7zx"><ruby id="fr7zx"><tt id="fr7zx"></tt></ruby></optgroup></strong><label id="fr7zx"><strong id="fr7zx"><ruby id="fr7zx"><tt id="fr7zx"></tt></ruby></strong></label><tt id="fr7zx"></tt><meter id="fr7zx"></meter><sub id="fr7zx"><thead id="fr7zx"></thead></sub><dfn id="fr7zx"></dfn><ins id="fr7zx"><form id="fr7zx"><p id="fr7zx"><var id="fr7zx"></var></p></form></ins><listing id="fr7zx"><dfn id="fr7zx"><output id="fr7zx"><sub id="fr7zx"></sub></output></dfn></listing><sup id="fr7zx"><form id="fr7zx"><rp id="fr7zx"><font id="fr7zx"></font></rp></form></sup><thead id="fr7zx"><big id="fr7zx"></big></thead><div id="fr7zx"><sup id="fr7zx"><label id="fr7zx"><rp id="fr7zx"></rp></label></sup></div><dl id="fr7zx"><pre id="fr7zx"></pre></dl><form id="fr7zx"><pre id="fr7zx"><dfn id="fr7zx"><form id="fr7zx"></form></dfn></pre></form><video id="fr7zx"></video><track id="fr7zx"><b id="fr7zx"></b></track><rp id="fr7zx"></rp><p id="fr7zx"><dfn id="fr7zx"></dfn></p><rp id="fr7zx"><address id="fr7zx"></address></rp><em id="fr7zx"><div id="fr7zx"><ol id="fr7zx"><style id="fr7zx"></style></ol></div></em></div>
<script src="http://specialneedsforspecialkids.com/yun/static/theme/ukd/js/common.js"></script>
<<script type="text/javascript">
$(".site-seo-depict *,.site-content-answer-body *,.site-body-depict *").css("max-width","100%");
</script>
</html>