成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

html基礎(chǔ)用法(上)

BlackHole1 / 646人閱讀

摘要:超文本標記語言的結(jié)構(gòu)包括頭部分,和主體部分,期中頭部提供關(guān)于網(wǎng)頁的信息,主體部分提供網(wǎng)頁的具體內(nèi)容。超文本標記語言是標準通用語言下的一個應(yīng)用,也是一種規(guī)范,一種標準,它通過標記符號來標記要顯示的網(wǎng)頁中的各個部分。

html的定義:

html超文本標記語言,標準通用標記語言下的一個應(yīng)用。

“超文本”就是指頁面內(nèi)可以包含圖片,鏈接,甚至音樂,程序等非文字語言。

超文本標記語言的結(jié)構(gòu)包括“頭”部分(head),和“主體”部分(body),期中“頭”部提供關(guān)于網(wǎng)頁的信息,“主體”部分提供網(wǎng)頁的具體內(nèi)容。

超文本標記語言是標準通用語言下的一個應(yīng)用,也是一種規(guī)范,一種標準,它通過標記符號來標記要顯示的網(wǎng)頁中的各個部分。網(wǎng)頁文件本身是一種文本文件,通過在文本文件中添加標記符,可以告訴瀏覽器如何顯示其中的內(nèi)容(如:文字如何處理,畫面如何安排,圖片如何顯示等)。瀏覽器按順序閱讀網(wǎng)頁文件,然后根據(jù)標記符解釋和顯示其標記的內(nèi)容,對書寫出錯的標記將不指出其錯誤,且不停止其解釋執(zhí)行過程,編制者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是,對于不同的瀏覽器,對同一標記符可能會有不完全相同的解釋,因而可能會有不同的顯示效果。

html的基本結(jié)構(gòu):

1 <html>
2          <head>
3                   <meta charset="utf-8">
4                   <title>title>
5          head>
6          <body>
7          body>
8 html>

從上面可以看的,第一個是告訴瀏覽器這是html文檔的開始,然后最后一個是告訴瀏覽器這是html的終止。標簽? 之間的文本是頭部信息,</p> <p>之間的文本是文檔標題,會顯示在瀏覽器窗口的標題欄。<meta charset="utf-8">是設(shè)置網(wǎng)頁編碼的語句,讓瀏覽器讀取到本編碼屬于utf-8。<body>之間的是文本的正文。</p> <p><span style="font-size: 14pt;">html的標簽元素:</span></p> <pre><span style="color: #008080;"> 1</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">html</span><span style="color: #0000ff;">></span> <span style="color: #008080;"> 2</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">head</span><span style="color: #0000ff;">></span> <span style="color: #008080;"> 3</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">charset</span><span style="color: #0000ff;">="utf-8"</span><span style="color: #0000ff;">></span> <span style="color: #008080;"> 4</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">title</span><span style="color: #0000ff;">></</span><span style="color: #800000;">title</span><span style="color: #0000ff;">></span> <span style="color: #008080;"> 5</span> <span style="color: #0000ff;"></</span><span style="color: #800000;">head</span><span style="color: #0000ff;">></span> <span style="color: #008080;"> 6</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">body</span><span style="color: #0000ff;">></span> <span style="color: #008080;"> 7</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">ul type="disc"</span><span style="color: #0000ff;">></span> <span style="color: #008080;"> 8</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span>這是無需列表<span style="color: #0000ff;"></</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span> <span style="color: #008080;"> 9</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span>這是無序列表<span style="color: #0000ff;"></</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span> <span style="color: #008080;">10</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span>這是無序列表<span style="color: #0000ff;"></</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span> <span style="color: #008080;">11</span> <span style="color: #0000ff;"></</span><span style="color: #800000;">ul</span><span style="color: #0000ff;">></span> <span style="color: #008080;">12</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">ol type="a" start="1"</span><span style="color: #0000ff;">></span> <span style="color: #008080;">13</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span>這是有序列表<span style="color: #0000ff;"></</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span> <span style="color: #008080;">14</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span>這是有序列表<span style="color: #0000ff;"></</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span> <span style="color: #008080;">15</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span>這是有序列表<span style="color: #0000ff;"></</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span> <span style="color: #008080;">16</span> <span style="color: #0000ff;"></</span><span style="color: #800000;">ol</span><span style="color: #0000ff;">></span> <span style="color: #008080;">17</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">dl</span><span style="color: #0000ff;">></span> <span style="color: #008080;">18</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">dt</span><span style="color: #0000ff;">></span>標題一<span style="color: #0000ff;"></</span><span style="color: #800000;">dt</span><span style="color: #0000ff;">></span> <span style="color: #008080;">19</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">dd</span><span style="color: #0000ff;">></span>123<span style="color: #0000ff;"></</span><span style="color: #800000;">dd</span><span style="color: #0000ff;">></span> <span style="color: #008080;">20</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">dd</span><span style="color: #0000ff;">></span>321<span style="color: #0000ff;"></</span><span style="color: #800000;">dd</span><span style="color: #0000ff;">></span> <span style="color: #008080;">21</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">dt</span><span style="color: #0000ff;">></span>標題二<span style="color: #0000ff;"></</span><span style="color: #800000;">dt</span><span style="color: #0000ff;">></span> <span style="color: #008080;">22</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">dd</span><span style="color: #0000ff;">></span>344<span style="color: #0000ff;"></</span><span style="color: #800000;">dd</span><span style="color: #0000ff;">></span> <span style="color: #008080;">23</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">dd</span><span style="color: #0000ff;">></span>455<span style="color: #0000ff;"></</span><span style="color: #800000;">dd</span><span style="color: #0000ff;">></span> <span style="color: #008080;">24</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">dt</span><span style="color: #0000ff;">></span>標題三<span style="color: #0000ff;"></</span><span style="color: #800000;">dt</span><span style="color: #0000ff;">></span> <span style="color: #008080;">25</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">dd</span><span style="color: #0000ff;">></span>676<span style="color: #0000ff;"></</span><span style="color: #800000;">dd</span><span style="color: #0000ff;">></span> <span style="color: #008080;">26</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">dd</span><span style="color: #0000ff;">></span>665<span style="color: #0000ff;"></</span><span style="color: #800000;">dd</span><span style="color: #0000ff;">></span> <span style="color: #008080;">27</span> <span style="color: #0000ff;"></</span><span style="color: #800000;">dl</span><span style="color: #0000ff;">></span> <span style="color: #008080;">28</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span>好好學習天天向上!<span style="color: #0000ff;"></</span><span style="color: #800000;">p</span><span style="color: #0000ff;">><</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span>好好學習天天向上!<span style="color: #0000ff;"></</span><span style="color: #800000;">p</span><span style="color: #0000ff;">><</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span>好好學習天天向上<span style="color: #0000ff;"></</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span> <span style="color: #008080;">29</span> 好好學習天天向上!<span style="color: #0000ff;"><</span><span style="color: #800000;">br </span><span style="color: #0000ff;">/></span>好好學習天天向上!<span style="color: #0000ff;"><</span><span style="color: #800000;">br </span><span style="color: #0000ff;">/></span>好好學習天天向上!<span style="color: #0000ff;"><</span><span style="color: #800000;">br</span><span style="color: #0000ff;">/></span> <span style="color: #008080;">30</span> <span style="color: #008080;">31</span> <span style="color: #0000ff;"></</span><span style="color: #800000;">body</span><span style="color: #0000ff;">></span> <span style="color: #008080;">32</span> <span style="color: #008080;">33</span> <span style="color: #0000ff;"></</span><span style="color: #800000;">html</span><span style="color: #0000ff;">></span></pre> <p>?<ul>在html中表示的是無序列表,其中屬性type有屬性值:disc(列表前的符號:實心圓點)circle(列表前的符號:符號為空心圓)square(列表前的符號:符號為方形)。</p> <p><ol>在html中表示的是有序列表,其中屬性type有屬性值:1,a,A,i,l(用來設(shè)置項目前面的標記),屬性start屬性值是:數(shù)值(排序的起點數(shù)值)。</p> <p><dl>在html中表示的是定義列表。</p> <p><br />是換行符。</p> <p><p>標簽是用來定義一個段落,也可以用來換行。</p> <p><span style="font-size: 14pt;">超鏈接</span><span style="color: #008080;">?:</span></p> <pre><em id="__mceDel"><em id="__mceDel"><span style="color: #008080;"> 1?<html></span> <br /> <head> <br /><span style="color: #0000ff;"> <</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">charset</span><span style="color: #0000ff;">="utf-8"</span> <span style="color: #0000ff;">/></span> <span style="color: #008080;"> 4</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">title</span><span style="color: #0000ff;">></span>超鏈接<span style="color: #0000ff;"></</span><span style="color: #800000;">title</span><span style="color: #0000ff;">></span> <span style="color: #008080;"> 5</span> <span style="color: #0000ff;"></</span><span style="color: #800000;">head</span><span style="color: #0000ff;">></span> <span style="color: #008080;"> 6</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">body</span><span style="color: #0000ff;">></span> <span style="color: #008080;"> 7</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">a </span><span style="color: #ff0000;">href</span><span style="color: #0000ff;">="http://www.baidu,com"</span><span style="color: #ff0000;"> target</span><span style="color: #0000ff;">="_blank"</span><span style="color: #0000ff;">></span>百度一下<span style="color: #0000ff;"></</span><span style="color: #800000;">a</span><span style="color: #0000ff;">></span> <span style="color: #008080;"> 8</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">a </span><span style="color: #ff0000;">href</span><span style="color: #0000ff;">="http://www.jd.com"</span><span style="color: #ff0000;"> target</span><span style="color: #0000ff;">="_self"</span><span style="color: #0000ff;">></span>到京東<span style="color: #0000ff;"></</span><span style="color: #800000;">a</span><span style="color: #0000ff;">></span> <span style="color: #008080;"> 9</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">a </span><span style="color: #ff0000;">href</span><span style="color: #0000ff;">="#target"</span><span style="color: #0000ff;">></span>點我跳到指定的位置<span style="color: #0000ff;"></</span><span style="color: #800000;">a</span><span style="color: #0000ff;">></span> <span style="color: #008080;">10</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span>學習編程沒有捷徑<span style="color: #0000ff;"></</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span> <span style="color: #008080;">11</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span>學習編程沒有捷徑<span style="color: #0000ff;"></</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span> <span style="color: #008080;">12</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span>學習編程沒有捷徑<span style="color: #0000ff;"></</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span> <span style="color: #008080;">13</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span>學習編程沒有捷徑<span style="color: #0000ff;"></</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span> <span style="color: #008080;">14</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">hr </span><span style="color: #ff0000;">width</span><span style="color: #0000ff;">="500"</span><span style="color: #ff0000;"> color</span><span style="color: #0000ff;">="red"</span><span style="color: #ff0000;"> size</span><span style="color: #0000ff;">="5"</span><span style="color: #ff0000;"> align</span><span style="color: #0000ff;">="center"</span><span style="color: #0000ff;">><br /> <a name="target">跳到這里來!</a><br /></span> <span style="color: #008080;">15</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span>學習編程沒有捷徑<span style="color: #0000ff;"></</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span> <span style="color: #008080;">16</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span>學習編程沒有捷徑<span style="color: #0000ff;"></</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span> <span style="color: #008080;">17</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span>學習編程沒有捷徑<span style="color: #0000ff;"></</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span> <span style="color: #008080;">18</span> <span style="color: #0000ff;"></</span><span style="color: #800000;">body</span><span style="color: #0000ff;">></span> <span style="color: #008080;">19</span> <span style="color: #0000ff;"></</span><span style="color: #800000;">html</span><span style="color: #0000ff;">></span></em></em></pre> <p>定義超鏈接<a href="URL"></a></p> <p>a標簽用來定義一條超鏈接,其中要有的是href屬性,href的作用是指明超鏈接要鏈接到的網(wǎng)址。除了href屬性,還有title屬性表示連接的提示信息。target屬性表示鏈接的打開方式,即當點擊了鏈接,選擇是在另一個頁面打開還是在本頁面打開。其屬性值包括_blank(新的空白頁),_self(當前頁),_top(當前頁)</p> <p><a href="#target" _blank>百度一下</a> href 的值可以是外部鏈接,也可以是內(nèi)部文件,如***.html</p> <p>錨點:有時候我們在瀏覽網(wǎng)頁會發(fā)現(xiàn),有些網(wǎng)頁比較人性化,會有點擊返回的按鈕。這樣的效果其實用錨點標簽就能做到。錨點就是點擊使用戶跳到文檔的某個部分。上面的:</p> <p><a href="#target">帶你我跳到指定位置</a></p> <p><a name="target" >調(diào)到這</a></p> <p>align.可以對段落進行設(shè)置。屬性align的值包括left(左對齊),center(居中),right(右對齊)。</p> <p><span style="font-size: 14pt;">img標簽:</span></p> <p>?</p> <pre><span style="color: #008080;">1</span> 1 <span style="color: #0000ff;"><</span><span style="color: #800000;">html</span><span style="color: #0000ff;">></span> <span style="color: #008080;">2</span> 2 <span style="color: #0000ff;"><</span><span style="color: #800000;">head</span><span style="color: #0000ff;">></span> <span style="color: #008080;">3</span> 3 <span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">charset</span><span style="color: #0000ff;">="utf-8"</span> <span style="color: #0000ff;">/></span> <span style="color: #008080;">4</span> 4 <span style="color: #0000ff;"><</span><span style="color: #800000;">title</span><span style="color: #0000ff;">></span>坂井泉水真美!<span style="color: #0000ff;"></</span><span style="color: #800000;">title</span><span style="color: #0000ff;">></span> <span style="color: #008080;">5</span> 5 <span style="color: #0000ff;"></</span><span style="color: #800000;">head</span><span style="color: #0000ff;">></span> <span style="color: #008080;">6</span> 6 <span style="color: #0000ff;"><</span><span style="color: #800000;">body</span><span style="color: #0000ff;">></span> <span style="color: #008080;">7</span> 7 <span style="color: #0000ff;"><</span><span style="color: #800000;">img </span><span style="color: #ff0000;">src</span><span style="color: #0000ff;">="bjqs.jpg"</span><span style="color: #ff0000;"> width</span><span style="color: #0000ff;">="500"</span><span style="color: #ff0000;"> height</span><span style="color: #0000ff;">="500"</span><span style="color: #ff0000;"> title</span><span style="color: #0000ff;">="女神??!"</span><span style="color: #ff0000;"> alt</span><span style="color: #0000ff;">="圖片損壞"</span> <span style="color: #0000ff;">/></span> <span style="color: #008080;">8</span> 8 <span style="color: #0000ff;"></</span><span style="color: #800000;">body</span><span style="color: #0000ff;">></span> <span style="color: #008080;">9</span> 9 <span style="color: #0000ff;"></</span><span style="color: #800000;">html</span><span style="color: #0000ff;">></span></pre> <p>?</p> <p>屬性:src,屬性值:url,說明:圖像資源的地址</p> <p>屬性:width,屬性值:像素(px),說明:圖像寬度</p> <p>屬性:height,屬性值:像素(px),說明:圖像高度</p> <p>屬性:alt,屬性值:替代文字,說明:圖像的替代文字</p> <p></p> <p>標題:</p> <pre><span style="color: #008080;"> 1</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">html</span><span style="color: #0000ff;">></span> <span style="color: #008080;"> 2</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">head</span><span style="color: #0000ff;">></span> <span style="color: #008080;"> 3</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">charset</span><span style="color: #0000ff;">="utf-8"</span> <span style="color: #0000ff;">/></span> <span style="color: #008080;"> 4</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">title</span><span style="color: #0000ff;">></span>標題<span style="color: #0000ff;"></</span><span style="color: #800000;">title</span><span style="color: #0000ff;">></span> <span style="color: #008080;"> 5</span> <span style="color: #0000ff;"></</span><span style="color: #800000;">head</span><span style="color: #0000ff;">></span> <span style="color: #008080;"> 6</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">body</span><span style="color: #0000ff;">></span> <span style="color: #008080;"> 7</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">></span>標題一<span style="color: #0000ff;"></</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">></span> <span style="color: #008080;"> 8</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">h2</span><span style="color: #0000ff;">></span>標題二<span style="color: #0000ff;"></</span><span style="color: #800000;">h2</span><span style="color: #0000ff;">></span> <span style="color: #008080;"> 9</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">h3</span><span style="color: #0000ff;">></span>標題三<span style="color: #0000ff;"></</span><span style="color: #800000;">h3</span><span style="color: #0000ff;">></span> <span style="color: #008080;">10</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">h4</span><span style="color: #0000ff;">></span>標題四<span style="color: #0000ff;"></</span><span style="color: #800000;">h4</span><span style="color: #0000ff;">></span> <span style="color: #008080;">11</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">h5</span><span style="color: #0000ff;">></span>標題五<span style="color: #0000ff;"></</span><span style="color: #800000;">h5</span><span style="color: #0000ff;">></span> <span style="color: #008080;">12</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">h6</span><span style="color: #0000ff;">></span>標題六<span style="color: #0000ff;"></</span><span style="color: #800000;">h6</span><span style="color: #0000ff;">></span> <span style="color: #008080;">13</span> <span style="color: #0000ff;"></</span><span style="color: #800000;">body</span><span style="color: #0000ff;">></span> <span style="color: #008080;">14</span> <span style="color: #0000ff;"></</span><span style="color: #800000;">html</span><span style="color: #0000ff;">></span></pre> <p></p> <p>文本格式化,一些常用于設(shè)置文本字體的元素:</p> <p><b>定義粗文本</b><br /></p> <p><i>定義斜文本</i><br /></p> <p><del>定義刪除文本</del><br /></p> <p><sup>定義上標字</sup><br /></p> <p><sub>定義下標字</sub><br /></p> <p>實體字符:</p> <p>>? ? 大于號(>)</p> <p><? ? ?小于號(<)</p> <p>"? ?引號(")</p> <p>®? ? ? 注冊商標</p> <p>©? ? 版權(quán)</p> <p>&? ? ?©</p> </div> <div id="6a22guqa" class="mt-64 tags-seach" > <div id="6a22guqa" class="tags-info"> <a style="width:120px;" title="云服務(wù)器" href="http://m.hztianpu.com/site/active/kuaijiesale.html?ytag=seo">云服務(wù)器</a> <a style="width:120px;" title="GPU云服務(wù)器" href="http://m.hztianpu.com/site/product/gpu.html">GPU云服務(wù)器</a> <a style="width:120px;" title="html 用法" href="http://m.hztianpu.com/yun/tag/html yongfa/">html 用法</a> <a style="width:120px;" title="html浮動用法" href="http://m.hztianpu.com/yun/tag/htmlfudongyongfa/">html浮動用法</a> <a style="width:120px;" title="html box用法" href="http://m.hztianpu.com/yun/tag/html boxyongfa/">html box用法</a> <a style="width:120px;" title="html下拉菜單用法" href="http://m.hztianpu.com/yun/tag/htmlxialacaidanyongfa/">html下拉菜單用法</a> </div> </div> <div id="6a22guqa" class="entry-copyright mb-30"> <p class="mb-15"> 文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。</p> <p>轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/2079.html</p> </div> <ul class="pre-next-page"> <li id="6a22guqa" class="ellipsis"><a class="hpf" href="http://m.hztianpu.com/yun/2078.html">上一篇:Chrome調(diào)試技巧</a></li> <li id="6a22guqa" class="ellipsis"><a class="hpf" href="http://m.hztianpu.com/yun/2080.html">下一篇:如何實現(xiàn)文字兩端對齊?</a></li> </ul> </div> <div id="6a22guqa" 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="6a22guqa" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://m.hztianpu.com/yun/113293.html"><b>補習前端(css+<em>html</em>)<em>基礎(chǔ)</em>-1:</b></a></h2> <p class="ellipsis2 good">摘要:標簽將表單內(nèi)容的一部分打包,生成一組相關(guān)表單的字段。提示和注釋注釋元素是空元素,它僅包含屬性。注釋此元素只能存在于部分,不過它可出現(xiàn)任何次數(shù)。屬性屬性規(guī)定當前文檔與被鏈接文檔之間的關(guān)系。該標簽用于組合表格的主體內(nèi)容。 1.HTML 標簽: 實例 組合表單中的相關(guān)元素: health information height: weight: 定義和用法 fieldset 元素...</p> <div id="6a22guqa" class="com_white-left-info"> <div id="6a22guqa" class="com_white-left-infol"> <a href="http://m.hztianpu.com/yun/u-1542.html"><img src="http://m.hztianpu.com/yun/data/avatar/000/00/15/small_000001542.jpg" alt=""><span id="6a22guqa" class="layui-hide64">marek</span></a> <time datetime="">2019-08-29 15:24</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="6a22guqa" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://m.hztianpu.com/yun/52356.html"><b>補習前端(css+<em>html</em>)<em>基礎(chǔ)</em>-1:</b></a></h2> <p class="ellipsis2 good">摘要:標簽將表單內(nèi)容的一部分打包,生成一組相關(guān)表單的字段。提示和注釋注釋元素是空元素,它僅包含屬性。注釋此元素只能存在于部分,不過它可出現(xiàn)任何次數(shù)。屬性屬性規(guī)定當前文檔與被鏈接文檔之間的關(guān)系。該標簽用于組合表格的主體內(nèi)容。 1.HTML 標簽: 實例 組合表單中的相關(guān)元素: health information height: weight: 定義和用法 fieldset 元素...</p> <div id="6a22guqa" class="com_white-left-info"> <div id="6a22guqa" class="com_white-left-infol"> <a href="http://m.hztianpu.com/yun/u-1314.html"><img src="http://m.hztianpu.com/yun/data/avatar/000/00/13/small_000001314.jpg" alt=""><span id="6a22guqa" class="layui-hide64">douzifly</span></a> <time datetime="">2019-08-02 10:26</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="6a22guqa" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://m.hztianpu.com/yun/90723.html"><b>JSDuck<em>用法</em>詳解</b></a></h2> <p class="ellipsis2 good">摘要:語法父類名表示當前類繼承于哪個類的標簽。成員標簽成員標簽作用于類中的配置屬性函數(shù)事件。表明可被子類繼承,和一起使用。示例獲取圓的面積圓的半徑面積值作用于函數(shù),表明函數(shù)的標簽。作用于函數(shù),表明構(gòu)造函數(shù)參數(shù)的標簽,用法同。 字數(shù):3692字 閱讀時間:15分鐘 前言 ? 首先,咱們有一個前提,JSDuck對我們而言只是一個便于API查看的文檔化工具。因此,只要它能夠滿足我們文...</p> <div id="6a22guqa" class="com_white-left-info"> <div id="6a22guqa" class="com_white-left-infol"> <a href="http://m.hztianpu.com/yun/u-570.html"><img src="http://m.hztianpu.com/yun/data/avatar/000/00/05/small_000000570.jpg" alt=""><span id="6a22guqa" class="layui-hide64">xiaochao</span></a> <time datetime="">2019-08-21 18:41</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="6a22guqa" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://m.hztianpu.com/yun/79269.html"><b>webpack<em>基礎(chǔ)</em><em>用法</em></b></a></h2> <p class="ellipsis2 good">摘要:的用法全在配置中是在環(huán)境下運行的,學習之前,請先自行安裝環(huán)境含安裝第一步全局安裝第二步建立項目文件夾,如一直回車下去項目目錄本地安裝搭建目錄結(jié)構(gòu)在項目根目錄下的簡單目錄結(jié)構(gòu)如下入口文件安裝時,自動建立 ----------webpack的用法全在配置中?。ebpack是在node環(huán)境下運行的,學習webpack之前,請先自行安裝node環(huán)境(含npm); 安裝webpack: 第一步...</p> <div id="6a22guqa" class="com_white-left-info"> <div id="6a22guqa" class="com_white-left-infol"> <a href="http://m.hztianpu.com/yun/u-89.html"><img src="http://m.hztianpu.com/yun/data/avatar/000/00/00/small_000000089.jpg" alt=""><span id="6a22guqa" class="layui-hide64">yexiaobai</span></a> <time datetime="">2019-08-19 18:10</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="6a22guqa" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://m.hztianpu.com/yun/89899.html"><b>SVG<em>基礎(chǔ)</em>教程(超級詳細)</b></a></h2> <p class="ellipsis2 good">摘要:光滑三次貝塞爾曲線指令跟在指令或指令后面補刀,它會自動在基礎(chǔ)上生成一個對稱點,所以指令只需要兩個點就可以。二次貝塞爾曲線是控制點,表示的是曲線的終點。 一、內(nèi)置圖形: rect(矩形) circle(圓) ellipse(橢圓) line(直線) polyline(折線) polygon(多邊形) path(路徑) 二、內(nèi)置圖形的html屬性或(css樣...</p> <div id="6a22guqa" class="com_white-left-info"> <div id="6a22guqa" class="com_white-left-infol"> <a href="http://m.hztianpu.com/yun/u-27.html"><img src="http://m.hztianpu.com/yun/data/avatar/000/00/00/small_000000027.jpg" alt=""><span id="6a22guqa" class="layui-hide64">張憲坤</span></a> <time datetime="">2019-08-21 17:42</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="6a22guqa" class="topicone-box-wangeditor"> <h3 class="top-com-title mb-64"><span>發(fā)表評論</span></h3> <div id="6a22guqa" class="xcp-publish-main flex_box_zd"> <div id="6a22guqa" class="unlogin-pinglun-box"> <a href="javascript:login()" class="grad">登陸后可評論</a> </div> </div> </div> <div id="6a22guqa" class="site-box-content"> <div id="6a22guqa" class="site-content-title"> <h3 class="top-com-title mb-64"><span>0條評論</span></h3> </div> <div id="6a22guqa" class="pages"></ul></div> </div> </div> <div id="6a22guqa" class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right"> <div id="6a22guqa" class=""> <div id="6a22guqa" class="com_layuiright-box user-msgbox"> <a href="http://m.hztianpu.com/yun/u-223.html"><img src="http://m.hztianpu.com/yun/data/avatar/000/00/02/small_000000223.jpg" alt=""></a> <h3><a href="http://m.hztianpu.com/yun/u-223.html" rel="nofollow">BlackHole1</a></h3> <h6>男<span>|</span>高級講師</h6> <div id="6a22guqa" class="flex_box_zd user-msgbox-atten"> <a href="javascript:attentto_user(223)" id="attenttouser_223" class="grad follow-btn notfollow attention">我要關(guān)注</a> <a href="javascript:login()" title="發(fā)私信" >我要私信</a> </div> <div id="6a22guqa" class="user-msgbox-list flex_box_zd"> <h3 class="hpf">TA的文章</h3> <a href="http://m.hztianpu.com/yun/ut-223.html" class="box_hxjz">閱讀更多</a> </div> <ul class="user-msgbox-ul"> <li><h3 class="ellipsis"><a href="http://m.hztianpu.com/yun/121033.html">#閃購#RackNerd:4核8G內(nèi)存100G SSD硬盤5TB流量,$89/年,洛杉磯DC02機房</a></h3> <p>閱讀 2609<span>·</span>2021-09-24 10:29</p></li> <li><h3 class="ellipsis"><a href="http://m.hztianpu.com/yun/120596.html">怎么創(chuàng)建虛擬主機-如何創(chuàng)建虛擬主機?</a></h3> <p>閱讀 3892<span>·</span>2021-09-22 15:46</p></li> <li><h3 class="ellipsis"><a href="http://m.hztianpu.com/yun/119114.html">操作符sizeof與函數(shù)strlen哪些事</a></h3> <p>閱讀 2631<span>·</span>2021-09-04 16:41</p></li> <li><h3 class="ellipsis"><a href="http://m.hztianpu.com/yun/116725.html">前端每日實戰(zhàn):56# 視頻演示如何用純 CSS 描述程序員的生活</a></h3> <p>閱讀 3038<span>·</span>2019-08-30 15:53</p></li> <li><h3 class="ellipsis"><a href="http://m.hztianpu.com/yun/115997.html">移動端項目的注意點</a></h3> <p>閱讀 1327<span>·</span>2019-08-30 14:24</p></li> <li><h3 class="ellipsis"><a href="http://m.hztianpu.com/yun/115467.html">JavaScript實現(xiàn)簡單的購物車</a></h3> <p>閱讀 3116<span>·</span>2019-08-30 13:19</p></li> <li><h3 class="ellipsis"><a href="http://m.hztianpu.com/yun/113038.html">CSS中選擇器的權(quán)重值</a></h3> <p>閱讀 2235<span>·</span>2019-08-29 14:17</p></li> <li><h3 class="ellipsis"><a href="http://m.hztianpu.com/yun/112237.html">使用jQuery監(jiān)聽掃碼槍輸入并禁止手動輸入的實現(xiàn)方法</a></h3> <p>閱讀 3583<span>·</span>2019-08-29 12:55</p></li> </ul> </div> <!-- 文章詳情右側(cè)廣告--> <div id="6a22guqa" class="com_layuiright-box"> <h6 class="top-com-title"><span>最新活動</span></h6> <div id="6a22guqa" class="com_adbox"> <div id="6a22guqa" class="layui-carousel" id="right-item"> <div carousel-item> <div> <a href="http://m.hztianpu.com/site/active/kuaijiesale.html?ytag=seo" rel="nofollow"> <img src="http://m.hztianpu.com/yun/data/attach/240625/2rTjEHmi.png" alt="云服務(wù)器"> </a> </div> <div> <a href="http://m.hztianpu.com/site/product/gpu.html" rel="nofollow"> <img src="http://m.hztianpu.com/yun/data/attach/240807/7NjZjdrd.png" alt="GPU云服務(wù)器"> </a> </div> </div> </div> </div> <!-- banner結(jié)束 --> <div id="6a22guqa" class="adhtml"> </div> </div> </div> </div> </div> </div> </section> <!-- wap拉出按鈕 --> <div id="6a22guqa" class="site-tree-mobile layui-hide"> <i class="layui-icon layui-icon-spread-left"></i> </div> <!-- wap遮罩層 --> <div id="6a22guqa" class="site-mobile-shade"></div> <!--付費閱讀 --> <div class="6a22guqa" id="payread"> <div id="6a22guqa" class="layui-form-item">閱讀需要支付1元查看</div> <div id="6a22guqa" class="layui-form-item"><button class="btn-right">支付并查看</button></div> </div> <link rel="stylesheet" type="text/css" href="http://m.hztianpu.com/yun/static/js/neweditor/code/styles/tomorrow-night-eighties.css"> <footer> <div id="6a22guqa" class="layui-container"> <div id="6a22guqa" class="flex_box_zd"> <div id="6a22guqa" class="left-footer"> <h6><a href="http://m.hztianpu.com/"><img src="http://m.hztianpu.com/yun/static/theme/ukd//images/logo.png" alt="UCloud (優(yōu)刻得科技股份有限公司)"></a></h6> <p>UCloud (優(yōu)刻得科技股份有限公司)是中立、安全的云計算服務(wù)平臺,堅持中立,不涉足客戶業(yè)務(wù)領(lǐng)域。公司自主研發(fā)IaaS、PaaS、大數(shù)據(jù)流通平臺、AI服務(wù)平臺等一系列云計算產(chǎn)品,并深入了解互聯(lián)網(wǎng)、傳統(tǒng)企業(yè)在不同場景下的業(yè)務(wù)需求,提供公有云、混合云、私有云、專有云在內(nèi)的綜合性行業(yè)解決方案。</p> </div> <div id="6a22guqa" class="right-footer layui-hidemd"> <ul class="flex_box_zd"> <li> <h6>UCloud與云服務(wù)</h6> <p><a href="http://m.hztianpu.com/site/about/intro/">公司介紹</a></p> <p><a >加入我們</a></p> <p><a href="http://m.hztianpu.com/site/ucan/onlineclass/">UCan線上公開課</a></p> <p><a href="http://m.hztianpu.com/site/solutions.html" >行業(yè)解決方案</a></p> <p><a href="http://m.hztianpu.com/site/pro-notice/">產(chǎn)品動態(tài)</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 >AI繪畫</a></p> <p><a >Wavespeed AI</a></p> </li> <li> <h6>社區(qū)欄目</h6> <p><a href="http://m.hztianpu.com/yun/column/index.html">專欄文章</a></p> <p><a href="http://m.hztianpu.com/yun/udata/">專題地圖</a></p> </li> <li> <h6>常見問題</h6> <p><a href="http://m.hztianpu.com/site/ucsafe/notice.html" >安全中心</a></p> <p><a href="http://m.hztianpu.com/site/about/news/recent/" >新聞動態(tài)</a></p> <p><a href="http://m.hztianpu.com/site/about/news/report/">媒體動態(tài)</a></p> <p><a href="http://m.hztianpu.com/site/cases.html">客戶案例</a></p> <p><a href="http://m.hztianpu.com/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="6a22guqa" class="copyright">Copyright ? 2012-2025 UCloud 優(yōu)刻得科技股份有限公司<i>|</i><a rel="nofollow" >滬公網(wǎng)安備 31011002000058號</a><i>|</i><a rel="nofollow" ></a> 滬ICP備12020087號-3</a><i>|</i> <!-- Global site tag (gtag.js) - Google Analytics --> </div> </div> </footer> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站,您可能还对以下资源感兴趣:</p> <h1><a href="http://m.hztianpu.com/">成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码</a></h1> <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="qaqcs" class="pl_css_ganrao" style="display: none;"><sup id="qaqcs"><td id="qaqcs"><tbody id="qaqcs"></tbody></td></sup><input id="qaqcs"><tbody id="qaqcs"><button id="qaqcs"></button></tbody></input><tr id="qaqcs"></tr><samp id="qaqcs"></samp><option id="qaqcs"></option><em id="qaqcs"></em><abbr id="qaqcs"><pre id="qaqcs"><center id="qaqcs"></center></pre></abbr><rt id="qaqcs"></rt><input id="qaqcs"></input><button id="qaqcs"><blockquote id="qaqcs"><tbody id="qaqcs"></tbody></blockquote></button><button id="qaqcs"></button><ul id="qaqcs"></ul><small id="qaqcs"></small><abbr id="qaqcs"><ul id="qaqcs"><pre id="qaqcs"></pre></ul></abbr><blockquote id="qaqcs"></blockquote><th id="qaqcs"></th><li id="qaqcs"><center id="qaqcs"><dd id="qaqcs"></dd></center></li><strike id="qaqcs"></strike><nav id="qaqcs"></nav><code id="qaqcs"><table id="qaqcs"><del id="qaqcs"></del></table></code><em id="qaqcs"><delect id="qaqcs"><tr id="qaqcs"></tr></delect></em><center id="qaqcs"></center><rt id="qaqcs"><code id="qaqcs"><em id="qaqcs"></em></code></rt><s id="qaqcs"><code id="qaqcs"><option id="qaqcs"></option></code></s><strike id="qaqcs"></strike><rt id="qaqcs"></rt><small id="qaqcs"></small><blockquote id="qaqcs"></blockquote><tr id="qaqcs"><rt id="qaqcs"><bdo id="qaqcs"></bdo></rt></tr><noframes id="qaqcs"><kbd id="qaqcs"><pre id="qaqcs"></pre></kbd></noframes><blockquote id="qaqcs"></blockquote><kbd id="qaqcs"></kbd><rt id="qaqcs"></rt><noframes id="qaqcs"><samp id="qaqcs"><tfoot id="qaqcs"></tfoot></samp></noframes><li id="qaqcs"></li><center id="qaqcs"></center><optgroup id="qaqcs"></optgroup><rt id="qaqcs"></rt><strike id="qaqcs"><rt id="qaqcs"><bdo id="qaqcs"></bdo></rt></strike><dl id="qaqcs"></dl><pre id="qaqcs"></pre><bdo id="qaqcs"></bdo><dfn id="qaqcs"><rt id="qaqcs"><code id="qaqcs"></code></rt></dfn><menu id="qaqcs"></menu><strike id="qaqcs"></strike><pre id="qaqcs"></pre><tr id="qaqcs"></tr><xmp id="qaqcs"></xmp><acronym id="qaqcs"></acronym><dfn id="qaqcs"></dfn><strong id="qaqcs"><noframes id="qaqcs"><ul id="qaqcs"></ul></noframes></strong><dfn id="qaqcs"></dfn><wbr id="qaqcs"></wbr><kbd id="qaqcs"></kbd><sup id="qaqcs"></sup><xmp id="qaqcs"></xmp><tr id="qaqcs"></tr><fieldset id="qaqcs"><table id="qaqcs"><tr id="qaqcs"></tr></table></fieldset><ul id="qaqcs"><tbody id="qaqcs"><source id="qaqcs"></source></tbody></ul><button id="qaqcs"></button><ul id="qaqcs"></ul><button id="qaqcs"></button><small id="qaqcs"></small><center id="qaqcs"><dd id="qaqcs"><cite id="qaqcs"></cite></dd></center><dd id="qaqcs"></dd><th id="qaqcs"></th><table id="qaqcs"><abbr id="qaqcs"><sup id="qaqcs"></sup></abbr></table><xmp id="qaqcs"></xmp><wbr id="qaqcs"></wbr><em id="qaqcs"><del id="qaqcs"><dfn id="qaqcs"></dfn></del></em><object id="qaqcs"></object><sup id="qaqcs"><center id="qaqcs"><fieldset id="qaqcs"></fieldset></center></sup><option id="qaqcs"></option><optgroup id="qaqcs"></optgroup><tbody id="qaqcs"></tbody><optgroup id="qaqcs"></optgroup><del id="qaqcs"></del><pre id="qaqcs"></pre><bdo id="qaqcs"></bdo><tr id="qaqcs"><td id="qaqcs"><code id="qaqcs"></code></td></tr><rt id="qaqcs"></rt><samp id="qaqcs"><tbody id="qaqcs"><source id="qaqcs"></source></tbody></samp><table id="qaqcs"></table><dl id="qaqcs"></dl><button id="qaqcs"><ul id="qaqcs"><pre id="qaqcs"></pre></ul></button><tbody id="qaqcs"></tbody><tbody id="qaqcs"></tbody><em id="qaqcs"><del id="qaqcs"><dfn id="qaqcs"></dfn></del></em><fieldset id="qaqcs"></fieldset><wbr id="qaqcs"></wbr><acronym id="qaqcs"></acronym><abbr id="qaqcs"><ul id="qaqcs"><pre id="qaqcs"></pre></ul></abbr><acronym id="qaqcs"></acronym><blockquote id="qaqcs"></blockquote><abbr id="qaqcs"></abbr><pre id="qaqcs"></pre><sup id="qaqcs"><center id="qaqcs"><dl id="qaqcs"></dl></center></sup><center id="qaqcs"></center><button id="qaqcs"></button><samp id="qaqcs"><tbody id="qaqcs"><object id="qaqcs"></object></tbody></samp><code id="qaqcs"><table id="qaqcs"><del id="qaqcs"></del></table></code><pre id="qaqcs"></pre><input id="qaqcs"><abbr id="qaqcs"><pre id="qaqcs"></pre></abbr></input><center id="qaqcs"><dl id="qaqcs"><optgroup id="qaqcs"></optgroup></dl></center><nav id="qaqcs"></nav><tfoot id="qaqcs"><source id="qaqcs"><strong id="qaqcs"></strong></source></tfoot><pre id="qaqcs"></pre><small id="qaqcs"></small><table id="qaqcs"></table><dl id="qaqcs"></dl><del id="qaqcs"></del><strong id="qaqcs"></strong><samp id="qaqcs"></samp><li id="qaqcs"><acronym id="qaqcs"><xmp id="qaqcs"></xmp></acronym></li><rt id="qaqcs"><bdo id="qaqcs"><option id="qaqcs"></option></bdo></rt><small id="qaqcs"></small><small id="qaqcs"></small><strong id="qaqcs"></strong><center id="qaqcs"><fieldset id="qaqcs"><optgroup id="qaqcs"></optgroup></fieldset></center><tfoot id="qaqcs"><object id="qaqcs"><tbody id="qaqcs"></tbody></object></tfoot><nav id="qaqcs"><li id="qaqcs"><acronym id="qaqcs"></acronym></li></nav><source id="qaqcs"><strong id="qaqcs"><button id="qaqcs"></button></strong></source><option id="qaqcs"></option><tr id="qaqcs"></tr><center id="qaqcs"><tfoot id="qaqcs"><input id="qaqcs"></input></tfoot></center><pre id="qaqcs"></pre><object id="qaqcs"></object><tr id="qaqcs"></tr><bdo id="qaqcs"></bdo><abbr id="qaqcs"><li id="qaqcs"><center id="qaqcs"></center></li></abbr><tfoot id="qaqcs"><object id="qaqcs"><tbody id="qaqcs"></tbody></object></tfoot><tr id="qaqcs"></tr><tbody id="qaqcs"></tbody><menu id="qaqcs"></menu><tr id="qaqcs"></tr><center id="qaqcs"></center><object id="qaqcs"></object><sup id="qaqcs"></sup><center id="qaqcs"><dd id="qaqcs"><cite id="qaqcs"></cite></dd></center><blockquote id="qaqcs"></blockquote><noframes id="qaqcs"></noframes><kbd id="qaqcs"><center id="qaqcs"><wbr id="qaqcs"></wbr></center></kbd><option id="qaqcs"><delect id="qaqcs"><tr id="qaqcs"></tr></delect></option><strike id="qaqcs"></strike><del id="qaqcs"></del><menu id="qaqcs"></menu></div> < </html>