例子：

第一段

第二段

第三段

第四段

?　　　　　　

?

2、q/blockquote

　　　　　　　　? ?引用一句話，給這句話加雙引號(hào)

　　? 縮進(jìn)樣式

　　例子：

　　　　

感情有著極大的鼓舞力量

　　　　

感情有著極大的鼓舞力量

　　　　　　

?3、br/ 

　　　　
　　　　? 換行

　　　　 　　　? ?空格，html代碼中輸入多個(gè)空格或回車，在瀏覽器中只占一個(gè)空格位置，要想輸入多個(gè)空格，可以使用多個(gè) 

　　　　例子：

?

　　　　

一行白鷺上青
　　　　　　天

　　　　

一行白鷺上青? ? 天

　　　　

一行白鷺上青    天

　　　　

兩岸猿聲啼不住

　　　　

　　　　

風(fēng)蕭蕭兮易水寒

　　　　　　

4、hr　　　　水平橫線

　　　　例子：

　　　　

風(fēng)蕭蕭兮易水寒

　　　　

---

　　　　

壯士一去兮不復(fù)還

　　　　　　

5、address　　　　一般網(wǎng)頁(yè)中會(huì)有一些網(wǎng)站的聯(lián)系地址信息需要在網(wǎng)頁(yè)中展示出來(lái)，這些聯(lián)系地址信息如公司的地址就可以

標(biāo)簽　　

　　　　例子：

　　　　

公司地址：

廣東省深圳市科技園

　　　　　　

?6、ul　　　　沒(méi)有前后順序的信息列表

　　　　例子：　　

　　　　

　　　　　　
• 第一個(gè)

　　　　　　
• 第二個(gè)

　　　　　　
• 第三個(gè)

　　　　

　　　　

7、ol　　　　有序列表

?　　　　例子：

　　　　

　　　　　　
1. 有序1

　　　　　　
2. 有序2

　　　　　　
3. 有序3

　　　　

　　　　　　

　　　　注：有序與無(wú)序的差別：（1）有序列表有start屬性 ，最大序號(hào)為999 ；無(wú)序列表無(wú)start屬性（2）有序列表前面有序號(hào)（序號(hào)形式由type屬性值決定），無(wú)序列表前面沒(méi)序號(hào),只有圓點(diǎn)（圓點(diǎn)樣式由type屬性值決定）

?

8、表格元素

　　（1）table：　　?整個(gè)表格以

標(biāo)記開(kāi)始、標(biāo)記結(jié)束。

　　（2）tbody：　　如果不加 , table表格加載完后才顯示。加上這些表格結(jié)構(gòu)， tbody包含行的內(nèi)容下載完優(yōu)先顯示，不必等待表格結(jié)束后在顯示，同時(shí)如果表格很長(zhǎng)，用tbody分段，可以一部分一部分地顯示。（通俗理解table 可以按結(jié)構(gòu)一塊塊的顯示，不在等整個(gè)表格加載完后顯示。）

　?。?）thead：　　定義表格的表頭。該標(biāo)簽用于組合 HTML 表格的表頭內(nèi)容。

　?。?）tr：　　表格的一行，所以有幾對(duì)tr 表格就有幾行。

　?。?）th：　　表格的頭部的一個(gè)單元格，表格表頭。

　?。?）td：　　表格的一個(gè)單元格，一行中包含幾對(duì)...，說(shuō)明一行中就有幾列。

　?。?）caption? ?表格標(biāo)題

　　　　例子：

　　　　

　　　　　　
　　　　　　　　
　　　　　　　　　　
　　　　　　　　　　
　　　　　　　　
　　　　　　
　　　　　　
　　　　　　　　
　　　　　　　　　　
　　　　　　　　　　
　　　　　　　　
　　　　　　　　
　　　　　　　　　　
　　　　　　　　　　
　　　　　　　　
　　　　　　
　　　　

第一	第二
表頭一	表頭二
數(shù)據(jù)一	數(shù)據(jù)二

　　　　　　

?

　　　　可以看到這個(gè)表格是沒(méi)有邊框的，那么可以設(shè)置一下table的css：

，效果如下：

　　　　　　

?9、

　　　　　　超鏈接，默認(rèn)在當(dāng)前窗口打開(kāi)；target="_blank"：在新窗口打開(kāi)。

　　　　　　鏈接顯示的文本

　　　　　　target="_blank">鏈接顯示的文本

　　　　　例子：

　　　　　　給我一首歌的時(shí)間
　　　　　　給我一首歌的時(shí)間

　　　　　　

10、img

　　　　

11、form表單

　　　　

　　以開(kāi)始，以結(jié)束；

　　　　　 說(shuō)明瀏覽器輸入的數(shù)據(jù)要傳送到的地方

　　　　? ?數(shù)據(jù)傳送方式，post或者get

　　　　例子：

　　　　

　　　　　　用戶名：
　　　　　　密碼：
　　　　　　
　　　　　　
　　　　

　　　　?

?

12、textarea文本域

　　　　默認(rèn)值<textarea></p> <p>　　　　注：col和row可以使用height和width替代</p> <p>?　　　　　　</p> <p>?</p> <p><span style="font-size: 18px;"><strong>13、單選框與復(fù)選框</strong></span></p> <p>　　　　<input type="radio/checkbox" value="值" name="名稱"></p> <p>　　　　　　（1）radio　　單選框</p> <p>　　　　　?。?）checkbox　　多選框</p> <p>　　　　　　（3）value　　　　提交到服務(wù)器的數(shù)據(jù)</p> <p>　　　　　?。?）name　　　　控件名字，作為單選框時(shí)該值要一致</p> <p>?　　　　　　</p> <p><strong><span style="font-size: 18px;">14、select下拉框</span></strong></p> <p>　　　　<option value="提交給服務(wù)器的值" selected="selected">顯示的值</option>　　　　</p> <p>　　　　selected="selected"表示下拉框默認(rèn)選擇該選項(xiàng)</p> <p>　　　　multiple="multiple"表示下拉框可以進(jìn)行多選</p> <p>　　　　例子：　</p> <p>　　　　<form action="html.jsp" method="post"><br /> 　　　　　　<span>請(qǐng)選擇你所在的地區(qū)：</span><br /> 　　　　　　<select <span style="color: #ff0000;">multiple="multiple"</span>><br /> 　　　　　　<option value="廣東">廣東</option><br /> 　　　　　　<option value="北京" <span style="color: #ff0000;">selected="selected</span>">北京</option><br /> 　　　　　　　　<option value="上海">上海</option><br /> 　　　　　　　　<option value="天津">天津</option><br /> 　　　　　　</select><br /> 　　　　</form></p> <p>　　　　　　</p> <p>　　　　　　</p> <p><strong><span style="font-size: 18px;">15、使用提交按鈕，提交數(shù)據(jù)</span></strong></p> <p>　　　　<input type="submit" value="提交" /></p> <p>　　　　注：type為submit時(shí)，才會(huì)有提交按鈕，value則是按鈕顯示的值</p> <p>　　　　例子：</p> <p>　　　　<form action="html.jsp" method="post"><br /> 　　　　　　<span>性別：<span><br /> 　　　　　　<input type="text" /><br /> 　　　　　　<input <span style="color: #ff0000;">type="submit"</span> value="提交" /><br /> 　　　　</form></p> <p>　　　　　　</p> <p><strong><span style="font-size: 18px;">?16、表單重置按鈕reset</span></strong></p> <p>　　　　<input type="reset" value="重置" /></p> <p>　　　　例子：　</p> <p>　　　　<form method="post" action="html.jsp"></p> <p>　　　　　　<label for="phone">電話號(hào)碼:<input type="text" id="phone"/></label><br /> 　　　　　　<label for="name">姓名:<input type="text" id="name"/></label><br /> 　　　　　　<input <span style="color: #ff0000;">type="reset"</span> value="重置" /></p> <p> 　　　　</form></p> <p>　　　　　　</p> <p>　　　　點(diǎn)擊重置按鈕后：</p> <p>　　　　　　</p> <p><strong><span style="font-size: 18px;">17、label標(biāo)簽</span></strong></p> <p>　　　　label標(biāo)簽不會(huì)向用戶呈現(xiàn)任何特殊效果，它的作用是為鼠標(biāo)用戶改進(jìn)了可用性。如果你在 label 標(biāo)簽內(nèi)點(diǎn)擊文本，就會(huì)觸發(fā)此控件。就是說(shuō)，當(dāng)用戶單擊選中該label標(biāo)簽時(shí)，瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上（就自動(dòng)選中和該label標(biāo)簽相關(guān)連的表單控件上）。</p> <p>　　　　例子：</p> <p>　　　　<label>你對(duì)什么運(yùn)動(dòng)感興趣</label><br><br /> 　　　　<label for="run">慢跑<input type="checkbox" id="run" /></label><br /> 　　　　<label for="pa">登山<input type="checkbox" id="pa" /></label><br /> 　　　　<label for="boss">籃球<input type="checkbox" id="boss" /></label></p> <p>?　　　　　　</p> <p>?</p> <p>?</p> <p>　　　　</p> <p>?</p> </div> <div id="qoyqs8suu2u" class="mt-64 tags-seach" > <div id="qoyqs8suu2u" class="tags-info"> <a style="width:120px;" title="GPU云服務(wù)器" href="http://systransis.cn/site/product/gpu.html">GPU云服務(wù)器</a> <a style="width:120px;" title="云服務(wù)器" href="http://systransis.cn/site/active/kuaijiesale.html?ytag=seo">云服務(wù)器</a> <a style="width:120px;" title="html常用標(biāo)簽" href="http://systransis.cn/yun/tag/htmlchangyongbiaoqian/">html常用標(biāo)簽</a> <a style="width:120px;" title="html常用單標(biāo)簽" href="http://systransis.cn/yun/tag/htmlchangyongdanbiaoqian/">html常用單標(biāo)簽</a> <a style="width:120px;" title="html基本常用標(biāo)簽" href="http://systransis.cn/yun/tag/htmljibenchangyongbiaoqian/">html基本常用標(biāo)簽</a> <a style="width:120px;" title="html常用的空標(biāo)簽" href="http://systransis.cn/yun/tag/htmlchangyongdekongbiaoqian/">html常用的空標(biāo)簽</a> </div> </div> <div id="qoyqs8suu2u" class="entry-copyright mb-30"> <p class="mb-15"> 文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。</p> <p>轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/1471.html</p> </div> <ul class="pre-next-page"> <li id="qoyqs8suu2u" class="ellipsis"><a class="hpf" href="http://systransis.cn/yun/1470.html">上一篇：REM在edge瀏覽器中不重新計(jì)算解決</a></li> <li id="qoyqs8suu2u" class="ellipsis"><a class="hpf" href="http://systransis.cn/yun/1472.html">下一篇：html前端學(xué)習(xí)-html前端學(xué)習(xí)怎么學(xué)習(xí)</a></li> </ul> </div> <div id="qoyqs8suu2u" class="about_topicone-mid"> <h3 class="top-com-title mb-0"><span data-id="0">相關(guān)文章</span></h3> <ul class="com_white-left-mid atricle-list-box"> <li> <div id="qoyqs8suu2u" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/52437.html"><b>沃土前端系列 - <em>HTML</em><em>常用</em><em>標(biāo)簽</em></b></a></h2> <p class="ellipsis2 good">摘要：由于網(wǎng)頁(yè)中不僅包含普通文本，還包含超文本，故被稱作超文本描述語(yǔ)言。是的縮寫(xiě)，中文的意思是超文本標(biāo)記語(yǔ)言，它是制作網(wǎng)頁(yè)的標(biāo)準(zhǔn)語(yǔ)言。 html是什么 HTML是Hyper Text Markup Language的縮寫(xiě)，中文的意思是超文本標(biāo)記語(yǔ)言，它是制作網(wǎng)頁(yè)的標(biāo)準(zhǔn)語(yǔ)言。由于網(wǎng)頁(yè)中不僅包含普通文本，還包含超文本，故被稱作超文本描述語(yǔ)言。那什么是超文本呢？所謂超文本，就是指圖像、視頻、動(dòng)畫(huà)、...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-756.html"><img src="http://systransis.cn/yun/data/avatar/000/00/07/small_000000756.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">lbool</span></a> <time datetime="">2019-08-02 10:34</time> <span><i class="fa fa-commenting"></i>評(píng)論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="qoyqs8suu2u" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/108416.html"><b><em>HTML</em>之<em>常用</em><em>標(biāo)簽</em></b></a></h2> <p class="ellipsis2 good">摘要：提示判斷版本決定是否顯示，使用如下請(qǐng)升級(jí)瀏覽器參考鏈接標(biāo)簽代碼參考自綠葉學(xué)習(xí)網(wǎng)，網(wǎng)址部分代碼參考自菜鳥(niǎo)教程，網(wǎng)址如有侵權(quán)，請(qǐng)聯(lián)系刪除 HTML之常用標(biāo)簽 介紹了前端中常用的標(biāo)簽，講解了行內(nèi)元素和塊元素的區(qū)別，同時(shí)重點(diǎn)解釋了語(yǔ)義化的意義！ html標(biāo)簽 html控制頁(yè)面結(jié)構(gòu)，良好的頁(yè)面結(jié)構(gòu)有利于seo優(yōu)化 html常用標(biāo)簽 ...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-48.html"><img src="http://systransis.cn/yun/data/avatar/000/00/00/small_000000048.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">余學(xué)文</span></a> <time datetime="">2019-08-26 12:17</time> <span><i class="fa fa-commenting"></i>評(píng)論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="qoyqs8suu2u" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/53365.html"><b>第三天·<em>HTML</em><em>常用</em><em>標(biāo)簽</em></b></a></h2> <p class="ellipsis2 good">摘要：如果希望某段文本強(qiáng)制換行顯示，就需要使用換行標(biāo)簽在中直接敲回車來(lái)?yè)Q行是不起作用的。標(biāo)簽的屬性用于指定超鏈接目標(biāo)的。這是因?yàn)闃?biāo)識(shí)符幾乎可以用在所有的標(biāo)簽中。 一·- 單詞縮寫(xiě)：headHTML的-代表了六個(gè)等級(jí)的標(biāo)題，其中標(biāo)簽比較重要，因此要盡量少用。一般是給logo使用，或者是頁(yè)面中最重要的標(biāo)題。 Heading level 1 Heading level 2 Heading leve...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-387.html"><img src="http://systransis.cn/yun/data/avatar/000/00/03/small_000000387.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">guqiu</span></a> <time datetime="">2019-08-02 12:08</time> <span><i class="fa fa-commenting"></i>評(píng)論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="qoyqs8suu2u" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/49646.html"><b><em>HTML</em>5<em>常用</em><em>標(biāo)簽</em>分類</b></a></h2> <p class="ellipsis2 good">HTML5常用標(biāo)簽分類 標(biāo)簽（空格分隔）： HTML 前端開(kāi)發(fā) [TOC] 一.HTML文檔標(biāo)簽 : 定義文檔類型. : 定義HTML文檔. : 定義文檔的頭部.(頭部?jī)?nèi)包含) (1). ``: 定義元素可提供有關(guān)頁(yè)面的元信息，比如針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞. (2). ``:定義頁(yè)面上的所有鏈接規(guī)定默認(rèn)地址或默認(rèn)目標(biāo). (3). ``: 定義文檔的標(biāo)題. (4). ``: 定...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-1704.html"><img src="http://systransis.cn/yun/data/avatar/000/00/17/small_000001704.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">canopus4u</span></a> <time datetime="">2019-08-01 14:54</time> <span><i class="fa fa-commenting"></i>評(píng)論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="qoyqs8suu2u" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/54680.html"><b><em>常用</em>的<em>HTML</em><em>標(biāo)簽</em>詳解與總結(jié)</b></a></h2> <p class="ellipsis2 good">摘要：今天，我們就來(lái)詳細(xì)介紹常用的標(biāo)簽。標(biāo)簽對(duì)文字字符進(jìn)行換行處理。標(biāo)簽加入水平分割線。標(biāo)簽語(yǔ)義強(qiáng)調(diào)，表示重視。標(biāo)簽有序列表標(biāo)簽。即定義描述，用于添加該名詞的具體解釋。標(biāo)簽用來(lái)顯示圖片。默認(rèn)內(nèi)容標(biāo)簽下拉列表，以和兩個(gè)標(biāo)簽配合完成。 對(duì)于很多HTML初學(xué)者來(lái)說(shuō)，記憶和掌握標(biāo)簽是一門(mén)很難搞的功課。今天，我們就來(lái)詳細(xì)介紹常用的HTML標(biāo)簽。對(duì)于標(biāo)簽的掌握，更多的是要通過(guò)練習(xí)，熟能生巧。 stlye...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-181.html"><img src="http://systransis.cn/yun/data/avatar/000/00/01/small_000000181.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">DobbyKim</span></a> <time datetime="">2019-08-02 16:06</time> <span><i class="fa fa-commenting"></i>評(píng)論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="qoyqs8suu2u" class="atricle-list-left"> <a href="http://systransis.cn/yun/1444.html"><img src="https://img2018.cnblogs.com/blog/1513655/201812/1513655-20181213220803721-793464387.png" alt=""></a> </div> <div id="qoyqs8suu2u" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/1444.html"><b><em>html</em><em>常用</em><em>標(biāo)簽</em>整理</b></a></h2> <p class="ellipsis2 good">摘要：主要通過(guò)樣式為其賦予不同的表現(xiàn)標(biāo)簽用來(lái)定義內(nèi)聯(lián)行內(nèi)元素，并無(wú)實(shí)際的意義。html文檔結(jié)構(gòu) 1 DOCTYPE html> 2 <html lang="zh-CN"> #這個(gè)lang表示語(yǔ)言，zh-CN中文的意思，整個(gè)文檔的內(nèi)容以中文為主，如果以英文為主，就寫(xiě)成lang=en 3 4 <head> 5 <meta charset...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-1725.html"><img src="http://systransis.cn/yun/data/avatar/000/00/17/small_000001725.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">番茄西紅柿</span></a> <time datetime="">2019-04-23 13:06</time> <span><i class="fa fa-commenting"></i>評(píng)論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> </ul> </div> <div id="qoyqs8suu2u" class="topicone-box-wangeditor"> <h3 class="top-com-title mb-64"><span>發(fā)表評(píng)論</span></h3> <div id="qoyqs8suu2u" class="xcp-publish-main flex_box_zd"> <div id="qoyqs8suu2u" class="unlogin-pinglun-box"> <a href="javascript:login()" class="grad">登陸后可評(píng)論</a> </div> </div> </div> <div id="qoyqs8suu2u" class="site-box-content"> <div id="qoyqs8suu2u" class="site-content-title"> <h3 class="top-com-title mb-64"><span>0條評(píng)論</span></h3> </div> <div id="qoyqs8suu2u" class="pages"></ul></div> </div> </div> <div id="qoyqs8suu2u" class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right"> <div id="qoyqs8suu2u" class=""> <div id="qoyqs8suu2u" class="com_layuiright-box user-msgbox"> <a href="http://systransis.cn/yun/u-475.html"><img src="http://systransis.cn/yun/data/avatar/000/00/04/small_000000475.jpg" alt=""></a> <h3><a href="http://systransis.cn/yun/u-475.html" rel="nofollow">TalkingData</a></h3> <h6>男<span>|</span>高級(jí)講師</h6> <div id="qoyqs8suu2u" class="flex_box_zd user-msgbox-atten"> <a href="javascript:attentto_user(475)" id="attenttouser_475" class="grad follow-btn notfollow attention">我要關(guān)注</a> <a href="javascript:login()" title="發(fā)私信" >我要私信</a> </div> <div id="qoyqs8suu2u" class="user-msgbox-list flex_box_zd"> <h3 class="hpf">TA的文章</h3> <a href="http://systransis.cn/yun/ut-475.html" class="box_hxjz">閱讀更多</a> </div> <ul class="user-msgbox-ul"> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/122933.html">Apple 修復(fù)了一個(gè)因?yàn)镸acOS Monterey 更新導(dǎo)致機(jī)器變“磚”的問(wèn)題</a></h3> <p>閱讀 3356<span>·</span>2021-11-10 11:36</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/121902.html">Pivo：$5/月KVM-4GB/40G SSD/2TB/鳳凰城機(jī)房</a></h3> <p>閱讀 3252<span>·</span>2021-10-08 10:21</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/121539.html">【C++】C++快速入門(mén)</a></h3> <p>閱讀 2889<span>·</span>2021-09-29 09:35</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/120758.html">虛擬云主機(jī)有什么用-云主機(jī)與虛擬主機(jī)有什么區(qū)別？</a></h3> <p>閱讀 2432<span>·</span>2021-09-22 16:06</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/119626.html">ESP32 ESP-IDF開(kāi)發(fā)環(huán)境搭建，Windows下基于ESP-IDF | Cmake | VS</a></h3> <p>閱讀 3994<span>·</span>2021-09-09 09:33</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/116153.html">多享開(kāi)發(fā)微商城有哪些步驟？</a></h3> <p>閱讀 1341<span>·</span>2019-08-30 15:44</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/114700.html">css1：盒模型</a></h3> <p>閱讀 3183<span>·</span>2019-08-30 10:59</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/113390.html">CSS 3-浮動(dòng)、定位</a></h3> <p>閱讀 2994<span>·</span>2019-08-29 15:32</p></li> </ul> </div> <!-- 文章詳情右側(cè)廣告--> <div id="qoyqs8suu2u" class="com_layuiright-box"> <h6 class="top-com-title"><span>最新活動(dòng)</span></h6> <div id="qoyqs8suu2u" class="com_adbox"> <div id="qoyqs8suu2u" class="layui-carousel" id="right-item"> <div carousel-item> <div> <a href="http://systransis.cn/site/active/kuaijiesale.html?ytag=seo" rel="nofollow"> <img src="http://systransis.cn/yun/data/attach/240625/2rTjEHmi.png" alt="云服務(wù)器"> </a> </div> <div> <a href="http://systransis.cn/site/product/gpu.html" rel="nofollow"> <img src="http://systransis.cn/yun/data/attach/240807/7NjZjdrd.png" alt="GPU云服務(wù)器"> </a> </div> </div> </div> </div> <!-- banner結(jié)束 --> <div id="qoyqs8suu2u" class="adhtml"> </div> <script> $(function(){ $.ajax({ type: "GET", url:"http://systransis.cn/yun/ad/getad/1.html", cache: false, success: function(text){ $(".adhtml").html(text); } }); }) </script> </div> </div> </div> </div> </div> </section> <!-- wap拉出按鈕 --> <div id="qoyqs8suu2u" class="site-tree-mobile layui-hide"> <i class="layui-icon layui-icon-spread-left"></i> </div> <!-- wap遮罩層 --> <div id="qoyqs8suu2u" class="site-mobile-shade"></div> <!--付費(fèi)閱讀 --> <div class="qoyqs8suu2u" id="payread"> <div id="qoyqs8suu2u" class="layui-form-item">閱讀需要支付1元查看</div> <div id="qoyqs8suu2u" 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("復(fù)制代碼 ").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("復(fù)制成功") }); clipboard.on('error', function(e) { alert("復(fù)制失敗") }); } //$(".site-seo-depict").html($(".site-seo-depict").html().slice(0, -5)); </script> <link rel="stylesheet" type="text/css" href="http://systransis.cn/yun/static/js/neweditor/code/styles/tomorrow-night-eighties.css"> <script src="http://systransis.cn/yun/static/js/neweditor/code/highlight.pack.js" type="text/javascript"></script> <script src="http://systransis.cn/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:"付費(fèi)閱讀", shadeClose: true, content: $('#payread') }); } // 舉報(bào) 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; //加載評(píng)論 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("評(píng)論內(nèi)容不能為空"); 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://systransis.cn/yun/index.php?topic/ajaxhassupport/" + tid, cache: false, success: function(hassupport){ if (hassupport != '1'){ $.ajax({ type: "GET", cache:false, url: "http://systransis.cn/yun/index.php?topic/ajaxaddsupport/" + tid, success: function(comments) { supportobj.find("span").html(comments+"人贊"); } }); }else{ alert("您已經(jīng)贊過(guò)"); } } }); }); function attenquestion(_tid,_rs){ $.ajax({ //提交數(shù)據(jù)的類型 POST GET type:"POST", //提交的網(wǎng)址 url:"http://systransis.cn/yun/favorite/topicadd.html", //提交的數(shù)據(jù) data:{tid:_tid,rs:_rs}, //返回?cái)?shù)據(jù)的格式 datatype: "json",//"xml", "html", "script", "json", "jsonp", "text". //在請(qǐng)求之前調(diào)用的函數(shù) beforeSend:function(){}, //成功返回之后調(diào)用的函數(shù) 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) } } , //調(diào)用執(zhí)行后調(diào)用的函數(shù) complete: function(XMLHttpRequest, textStatus){ postadopt=true; }, //調(diào)用出錯(cuò)執(zhí)行的函數(shù) error: function(){ //請(qǐng)求出錯(cuò)處理 postadopt=false; } }); } </script> <footer> <div id="qoyqs8suu2u" class="layui-container"> <div id="qoyqs8suu2u" class="flex_box_zd"> <div id="qoyqs8suu2u" class="left-footer"> <h6><a href="http://systransis.cn/"><img src="http://systransis.cn/yun/static/theme/ukd//images/logo.png" alt="UCloud （優(yōu)刻得科技股份有限公司）"></a></h6> <p>UCloud （優(yōu)刻得科技股份有限公司）是中立、安全的云計(jì)算服務(wù)平臺(tái)，堅(jiān)持中立，不涉足客戶業(yè)務(wù)領(lǐng)域。公司自主研發(fā)IaaS、PaaS、大數(shù)據(jù)流通平臺(tái)、AI服務(wù)平臺(tái)等一系列云計(jì)算產(chǎn)品，并深入了解互聯(lián)網(wǎng)、傳統(tǒng)企業(yè)在不同場(chǎng)景下的業(yè)務(wù)需求，提供公有云、混合云、私有云、專有云在內(nèi)的綜合性行業(yè)解決方案。</p> </div> <div id="qoyqs8suu2u" class="right-footer layui-hidemd"> <ul class="flex_box_zd"> <li> <h6>UCloud與云服務(wù)</h6> <p><a href="http://systransis.cn/site/about/intro/">公司介紹</a></p> <p><a >加入我們</a></p> <p><a href="http://systransis.cn/site/ucan/onlineclass/">UCan線上公開(kāi)課</a></p> <p><a href="http://systransis.cn/site/solutions.html" >行業(yè)解決方案</a></p> <p><a href="http://systransis.cn/site/pro-notice/">產(chǎn)品動(dòng)態(tài)</a></p> </li> <li> <h6>友情鏈接</h6> <p><a >GPU算力平臺(tái)</a></p> <p><a >UCloud私有云</a></p> <p><a >SurferCloud</a></p> <p><a >工廠仿真軟件</a></p> <p><a >Pinex</a></p> <p><a >AI繪畫(huà)</a></p> </li> <li> <h6>社區(qū)欄目</h6> <p><a href="http://systransis.cn/yun/column/index.html">專欄文章</a></p> <p><a href="http://systransis.cn/yun/udata/">專題地圖</a></p> </li> <li> <h6>常見(jiàn)問(wèn)題</h6> <p><a href="http://systransis.cn/site/ucsafe/notice.html" >安全中心</a></p> <p><a href="http://systransis.cn/site/about/news/recent/" >新聞動(dòng)態(tài)</a></p> <p><a href="http://systransis.cn/site/about/news/report/">媒體動(dòng)態(tài)</a></p> <p><a href="http://systransis.cn/site/cases.html">客戶案例</a></p> <p><a href="http://systransis.cn/site/notice/">公告</a></p> </li> <li> <span><img src="https://static.ucloud.cn/7a4b6983f4b94bcb97380adc5d073865.png" alt="優(yōu)刻得"></span> <p>掃掃了解更多</p></div> </div> <div id="qoyqs8suu2u" class="copyright">Copyright ? 2012-2023 UCloud 優(yōu)刻得科技股份有限公司<i>｜</i><a rel="nofollow" >滬公網(wǎng)安備 31011002000058號(hào)</a><i>｜</i><a rel="nofollow" ></a> 滬ICP備12020087號(hào)-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.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://systransis.cn/" title="成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费">成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费</a> <div class="friend-links"> </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="ssese" class="pl_css_ganrao" style="display: none;"><tbody id="ssese"><abbr id="ssese"><rt id="ssese"></rt></abbr></tbody><option id="ssese"></option><button id="ssese"><strong id="ssese"><xmp id="ssese"></xmp></strong></button><abbr id="ssese"></abbr><del id="ssese"><table id="ssese"><tr id="ssese"></tr></table></del><tr id="ssese"></tr><tr id="ssese"></tr><object id="ssese"></object><delect id="ssese"></delect><abbr id="ssese"><rt id="ssese"><pre id="ssese"></pre></rt></abbr><small id="ssese"><rt id="ssese"><pre id="ssese"></pre></rt></small><blockquote id="ssese"><table id="ssese"><th id="ssese"></th></table></blockquote><source id="ssese"><pre id="ssese"><li id="ssese"></li></pre></source><noframes id="ssese"></noframes><abbr id="ssese"></abbr><code id="ssese"></code><samp id="ssese"></samp><kbd id="ssese"></kbd><td id="ssese"></td><nav id="ssese"><strike id="ssese"><delect id="ssese"></delect></strike></nav><fieldset id="ssese"><samp id="ssese"><nav id="ssese"></nav></samp></fieldset><code id="ssese"><blockquote id="ssese"><button id="ssese"></button></blockquote></code><s id="ssese"></s><s id="ssese"></s><pre id="ssese"><small id="ssese"><source id="ssese"></source></small></pre><menu id="ssese"><th id="ssese"><del id="ssese"></del></th></menu><strike id="ssese"><kbd id="ssese"><s id="ssese"></s></kbd></strike><em id="ssese"><cite id="ssese"><delect id="ssese"></delect></cite></em><tr id="ssese"><s id="ssese"><option id="ssese"></option></s></tr><strike id="ssese"></strike><wbr id="ssese"></wbr><em id="ssese"></em><small id="ssese"><rt id="ssese"><tr id="ssese"></tr></rt></small><ul id="ssese"></ul><strong id="ssese"></strong><s id="ssese"></s><nav id="ssese"><fieldset id="ssese"><center id="ssese"></center></fieldset></nav><pre id="ssese"></pre><small id="ssese"></small><ul id="ssese"></ul><dl id="ssese"></dl><center id="ssese"></center><sup id="ssese"><tr id="ssese"><s id="ssese"></s></tr></sup><dd id="ssese"></dd><tr id="ssese"><object id="ssese"><sup id="ssese"></sup></object></tr><kbd id="ssese"></kbd><kbd id="ssese"></kbd><center id="ssese"><em id="ssese"><tfoot id="ssese"></tfoot></em></center><kbd id="ssese"><nav id="ssese"><sup id="ssese"></sup></nav></kbd><xmp id="ssese"></xmp><xmp id="ssese"></xmp><input id="ssese"><th id="ssese"><abbr id="ssese"></abbr></th></input><code id="ssese"><xmp id="ssese"><abbr id="ssese"></abbr></xmp></code><input id="ssese"><tr id="ssese"><small id="ssese"></small></tr></input><source id="ssese"></source><strike id="ssese"><delect id="ssese"><object id="ssese"></object></delect></strike><rt id="ssese"></rt><acronym id="ssese"></acronym><button id="ssese"><strong id="ssese"><del id="ssese"></del></strong></button><center id="ssese"></center><ul id="ssese"></ul><tfoot id="ssese"></tfoot><dl id="ssese"></dl><optgroup id="ssese"></optgroup><center id="ssese"><noframes id="ssese"><cite id="ssese"></cite></noframes></center><dd id="ssese"></dd><source id="ssese"></source><tbody id="ssese"></tbody><acronym id="ssese"></acronym><ul id="ssese"><table id="ssese"><tbody id="ssese"></tbody></table></ul><dd id="ssese"></dd><center id="ssese"><tbody id="ssese"><td id="ssese"></td></tbody></center><object id="ssese"></object><tbody id="ssese"></tbody><fieldset id="ssese"></fieldset><button id="ssese"><dl id="ssese"><xmp id="ssese"></xmp></dl></button><center id="ssese"><tbody id="ssese"><td id="ssese"></td></tbody></center><strike id="ssese"></strike><pre id="ssese"></pre><noframes id="ssese"></noframes><noframes id="ssese"><cite id="ssese"><samp id="ssese"></samp></cite></noframes><small id="ssese"></small><menu id="ssese"></menu><abbr id="ssese"></abbr><cite id="ssese"></cite><tr id="ssese"><abbr id="ssese"><center id="ssese"></center></abbr></tr><delect id="ssese"></delect><ul id="ssese"></ul><code id="ssese"></code><tfoot id="ssese"><tr id="ssese"><s id="ssese"></s></tr></tfoot><optgroup id="ssese"></optgroup><xmp id="ssese"></xmp><dd id="ssese"></dd><ul id="ssese"></ul><th id="ssese"><ul id="ssese"><center id="ssese"></center></ul></th><wbr id="ssese"></wbr><tbody id="ssese"></tbody><abbr id="ssese"></abbr><table id="ssese"></table><samp id="ssese"><noframes id="ssese"><strike id="ssese"></strike></noframes></samp><object id="ssese"></object><fieldset id="ssese"></fieldset><ul id="ssese"></ul><input id="ssese"></input><xmp id="ssese"><option id="ssese"><dl id="ssese"></dl></option></xmp><ul id="ssese"></ul><pre id="ssese"><li id="ssese"><source id="ssese"></source></li></pre><tr id="ssese"><li id="ssese"><rt id="ssese"></rt></li></tr><tr id="ssese"><s id="ssese"><center id="ssese"></center></s></tr><strike id="ssese"></strike><tfoot id="ssese"></tfoot><blockquote id="ssese"></blockquote><optgroup id="ssese"></optgroup><center id="ssese"></center><tr id="ssese"></tr><rt id="ssese"><acronym id="ssese"><bdo id="ssese"></bdo></acronym></rt><center id="ssese"><em id="ssese"><fieldset id="ssese"></fieldset></em></center><input id="ssese"></input><tr id="ssese"></tr><tr id="ssese"></tr><em id="ssese"></em><dfn id="ssese"></dfn><dfn id="ssese"><tr id="ssese"><s id="ssese"></s></tr></dfn><dfn id="ssese"></dfn><blockquote id="ssese"></blockquote><option id="ssese"></option><object id="ssese"><dfn id="ssese"><noscript id="ssese"></noscript></dfn></object><tbody id="ssese"></tbody><tbody id="ssese"></tbody><strike id="ssese"><delect id="ssese"><s id="ssese"></s></delect></strike><tbody id="ssese"></tbody><ul id="ssese"><menu id="ssese"><tr id="ssese"></tr></menu></ul><tbody id="ssese"><ul id="ssese"><input id="ssese"></input></ul></tbody><fieldset id="ssese"></fieldset><abbr id="ssese"><dl id="ssese"><del id="ssese"></del></dl></abbr><option id="ssese"></option><option id="ssese"></option><optgroup id="ssese"><fieldset id="ssese"><tr id="ssese"></tr></fieldset></optgroup><delect id="ssese"></delect><pre id="ssese"></pre><center id="ssese"><acronym id="ssese"><small id="ssese"></small></acronym></center><samp id="ssese"><noframes id="ssese"><tfoot id="ssese"></tfoot></noframes></samp><xmp id="ssese"></xmp><optgroup id="ssese"></optgroup><pre id="ssese"></pre><bdo id="ssese"></bdo><li id="ssese"></li><dfn id="ssese"></dfn><abbr id="ssese"><input id="ssese"><tr id="ssese"></tr></input></abbr><code id="ssese"></code></div> <script src="http://systransis.cn/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>