資訊專欄INFORMATION COLUMN
摘要：向服務(wù)器提交表單的通常做法是使用提交按鈕。規(guī)定瀏覽器應(yīng)該自動(dòng)完成表單默認(rèn)開(kāi)啟。規(guī)定在提交表單時(shí)所用的方法默認(rèn)。規(guī)定識(shí)別表單的名稱對(duì)于使用。表單元素表單元素是允許用戶在表單中輸入內(nèi)容比如文本域下拉列表單選框復(fù)選框等等。
網(wǎng)頁(yè)的組成
結(jié)構(gòu)（HTML）：超文本標(biāo)記語(yǔ)言
表現(xiàn)(CSS):層疊樣式表
行為(JavaScript):腳本語(yǔ)言
一個(gè)良好的網(wǎng)頁(yè)要結(jié)構(gòu)、表現(xiàn)、行為三者分離
HTML簡(jiǎn)介是一種用于創(chuàng)建網(wǎng)頁(yè)的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言。
您可以使用 HTML 來(lái)建立自己的 WEB 站點(diǎn)，HTML 運(yùn)行在瀏覽器上，由瀏覽器來(lái)解析。
HTML 不是一種編程語(yǔ)言，而是一種標(biāo)記語(yǔ)言
標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽 (markup tag)
HTML 使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)
HTML 文檔包含了HTML 標(biāo)簽及文本內(nèi)容
HTML文檔也叫做 web 頁(yè)面
title 我的第一個(gè)標(biāo)題
我的第一個(gè)段落。
聲明為 HTML5 文檔 元素是 HTML 頁(yè)面的根元素 元素包含了文檔的元（meta）數(shù)據(jù)，如 定義網(wǎng)頁(yè)編碼格式為 utf-8。元素描述了文檔的標(biāo)題 <body> 元素包含了可見(jiàn)的頁(yè)面內(nèi)容 <h1> 元素定義一個(gè)大標(biāo)題 <p> 元素定義一個(gè)段落</pre> </p> <b>HTML基本語(yǔ)法</b> <p>HTML中的標(biāo)簽分為成對(duì)出現(xiàn)的標(biāo)簽和自結(jié)束標(biāo)簽</p> <p>HTML中的標(biāo)簽不區(qū)分大小寫，但是建議小寫</p> <p>標(biāo)簽可以嵌套但不能交叉嵌套</p> <p>成對(duì)出現(xiàn)的標(biāo)簽必須正確關(guān)閉</p> <p>屬性必須有值且值必須加引號(hào)</p> <p>注釋不能嵌套</p> <pre><!-- 1.標(biāo)簽的分類 --> <!-- 標(biāo)簽分為成對(duì)出現(xiàn)的標(biāo)簽和自結(jié)束標(biāo)簽兩種 -成對(duì)出現(xiàn)的標(biāo)簽：如：<html></html> 、<head></head> 、 <p></p> -自結(jié)束標(biāo)簽：如：、<input /> 、<br/> --> <!-- 2.標(biāo)簽不區(qū)分大小寫 --> <P>標(biāo)簽不區(qū)分大小寫，但建議小寫</p> <!-- 3.標(biāo)簽可以嵌套但不能交叉嵌套 --> <div><p>標(biāo)簽可以嵌套，但不能交叉嵌套</div></p> <!-- 4.標(biāo)簽必須正確關(guān)閉 --> <p>成對(duì)出現(xiàn)的標(biāo)簽必須正確關(guān)閉</p> <!-- 5.屬性必須有值，且屬性值必須加引號(hào) --> <font color="red">我要紅</font> <!-- 屬性值沒(méi)有加引號(hào) --> <font color=red>我要紅2</font> <!-- 屬性沒(méi)有值 --> <font color="">我要紅3</font> <!-- 6.注釋不能嵌套 --> <!-- 注釋的快捷鍵是：Ctrl+shift+/ --> <!-- <!-- 我是嵌套的注釋 --> --></pre> <b>HTML屬性</b> <p>HTML 元素可以設(shè)置屬性</p> <p>屬性可以在元素中添加附加信息</p> <p>屬性一般描述于開(kāi)始標(biāo)簽</p> <p>屬性總是以名稱/值對(duì)的形式出現(xiàn)，比如：name="value"。</p> <table> <thead><tr> <th>屬性</th> <th>描述</th> </tr></thead> <tbody> <tr> <td>class</td> <td>為html元素定義一個(gè)或多個(gè)類名（classname）(類名從樣式文件引入)</td> </tr> <tr> <td>id</td> <td>定義元素的唯一id</td> </tr> <tr> <td>style</td> <td>規(guī)定元素的行內(nèi)樣式（inline style）</td> </tr> <tr> <td>title</td> <td>描述了元素的額外信息 (作為工具條使用)</td> </tr> </tbody> </table> <b>HTML常用標(biāo)簽</b> <b>標(biāo)題標(biāo)簽</b> <pre><h1></h1> ~ <h6></h6></pre> <b>div標(biāo)簽</b> <pre><div>我是div標(biāo)簽，我主要用來(lái)布局，我默認(rèn)占用瀏覽器的一整行</div></pre> <b>p標(biāo)簽</b> <pre><p>我是一個(gè)段落，我默認(rèn)也是占用瀏覽器的一整行，而且前后要空一行</p> <br> 標(biāo)簽換行（新行)： <p>這個(gè)<br>段落<br>分行</p></pre> <b>轉(zhuǎn)義字符</b> <pre>小于號(hào)：< 大于號(hào)：> 空格： 版權(quán)符：©</pre> <b>列表</b> <pre>無(wú)序列表 <ul> <li>網(wǎng)頁(yè)</li> <li>新聞</li> <li>貼吧</li> </ul> 有序列表 <ol> <li>網(wǎng)頁(yè)</li> <li>新聞</li> <li>貼吧</li> </ol></pre> <b>圖片</b> <pre> ? 通過(guò)img標(biāo)簽向網(wǎng)頁(yè)中插入一張圖片 ? alt屬性：用來(lái)設(shè)置當(dāng)圖片無(wú)法顯示時(shí)的描述性信息 ? src屬性：用來(lái)設(shè)置圖片的路徑 ? 在相對(duì)路徑中，通過(guò)../來(lái)返回上一級(jí)目錄，返回多級(jí)目錄使用多個(gè)../ </pre> <b>超鏈接</b> <pre><a href="http://..." target="_blank">這是一個(gè)鏈接</a> ? 使用a標(biāo)簽來(lái)創(chuàng)建一個(gè)超鏈接 ? href屬性：用來(lái)設(shè)置要跳轉(zhuǎn)的頁(yè)面的地址 ? targe屬性：用來(lái)設(shè)置要跳轉(zhuǎn)的頁(yè)面在何處打開(kāi) ? _self：在當(dāng)前窗口打開(kāi)，默認(rèn)值 ? _blank：在新的窗口打開(kāi)</pre> <b>表格</b> <table> <thead><tr> <th>標(biāo)簽</th> <th>描述</th> </tr></thead> <tbody> <tr> <td>table</td> <td>定義表格</td> </tr> <tr> <td>th</td> <td>定義表格的表頭</td> </tr> <tr> <td>tr</td> <td>定義表格的行</td> </tr> <tr> <td>td</td> <td>定義表格單元</td> </tr> <tr> <td>caption</td> <td>定義表格標(biāo)題</td> </tr> <tr> <td>colgroup</td> <td>定義表格列的組</td> </tr> <tr> <td>col</td> <td>定義用于表格列的屬性</td> </tr> </tbody> </table> <pre><!-- 使用table標(biāo)簽來(lái)創(chuàng)建一個(gè)表格 --> <table border="1"> <!-- 通過(guò)tr標(biāo)簽來(lái)表示表格中的行 --> <tr> <!-- 通過(guò)th標(biāo)簽來(lái)表示表格中的表頭 --> <th>姓名</th> <th>陣營(yíng)</th> <th>職業(yè)</th> <th>武器</th> </tr> <tr> <!-- 通過(guò)td標(biāo)簽來(lái)表示表格中的列（單元格） --> <td>劉備</td> <!-- 跨行合并單元格使用rowspan屬性來(lái)設(shè)置 --> <td rowspan="4" align="center">蜀</td> <td>蜀漢集團(tuán)董事長(zhǎng)</td> <td>雙股劍</td> </tr> <tr> <!-- 通過(guò)td標(biāo)簽來(lái)表示表格中的列（單元格） --> <td>諸葛亮</td> <!-- <td>蜀</td> --> <!-- 跨列合并單元格使用colspan屬性來(lái)設(shè)置 --> <td colspan="2" align="center">蜀漢集團(tuán)CEO</td> <!-- <td>破扇子</td> --> </tr> <tr> <!-- 通過(guò)td標(biāo)簽來(lái)表示表格中的列（單元格） --> <td>關(guān)羽</td> <!-- <td>蜀</td> --> <td>荊襄總裁</td> <td>青龍偃月刀</td> </tr> <tr> <!-- 通過(guò)td標(biāo)簽來(lái)表示表格中的列（單元格） --> <td>張飛</td> <!--<td>蜀</td> --> <td>閬中銷售經(jīng)理</td> <td>丈八蛇矛</td> </tr> </table> </pre> <b>表單</b> <p>表單是一個(gè)包含表單元素的區(qū)域。表單本身并不可見(jiàn)。</p> <b>from</b> <table> <thead><tr> <th align="left">標(biāo)簽</th> <th align="left">描述</th> </tr></thead> <tbody><tr> <td align="left">form</td> <td align="left">定義供用戶輸入的表單</td> </tr></tbody> </table> <p>屬性：</p> <p>Action 屬性<p>action 屬性*定義在提交表單時(shí)執(zhí)行的動(dòng)作。</p> <p>向服務(wù)器提交表單的通常做法是使用提交按鈕。</p> <p>通常，表單會(huì)被提交到 web 服務(wù)器上的網(wǎng)頁(yè)。</p> <p>在上面的例子中，指定了某個(gè)服務(wù)器腳本來(lái)處理被提交表單：</p> <p><b><form action="action_page.java"></b></p> <p>如果省略 action 屬性，則 action 會(huì)被設(shè)置為要跳轉(zhuǎn)的頁(yè)面。</p> </p> <p> <p>Method 屬性</p> <p><em>method 屬性</em>規(guī)定在提交表單時(shí)所用的 HTTP 方法（<em>GET</em> 或 <em>POST</em>）：</p> <p><b><form action="action_page.java" method="GET"></b></p> <p><b><form action="action_page.java" method="POST"></b></p> <p>GET（默認(rèn)方法）：</p> <p>? 如果表單提交是被動(dòng)的（比如搜索引擎查詢），并且沒(méi)有敏感信息。</p> <p>? 當(dāng)您使用 GET 時(shí)，表單數(shù)據(jù)在頁(yè)面地址欄中是可見(jiàn)的：</p> <pre> `action_page.php?firstname=Mickey&lastname=Mouse` </pre> <p>? 注釋：GET 最適合少量數(shù)據(jù)的提交。瀏覽器會(huì)設(shè)定容量限制。</p> <p>POST：</p> <p>? 如果表單正在更新數(shù)據(jù)，或者包含敏感信息（例如密碼）。</p> <p>? POST 的安全性更加，因?yàn)樵陧?yè)面地址欄中被提交的數(shù)據(jù)是不可見(jiàn)的。</p> </p> <table> <thead><tr> <th align="left">屬性</th> <th align="left">描述</th> </tr></thead> <tbody> <tr> <td align="left">accept-charset</td> <td align="left">規(guī)定在被提交表單中使用的字符集（默認(rèn)：頁(yè)面字符集）。</td> </tr> <tr> <td align="left">action</td> <td align="left">規(guī)定向何處提交表單的地址（URL）（提交頁(yè)面）。</td> </tr> <tr> <td align="left">autocomplete</td> <td align="left">規(guī)定瀏覽器應(yīng)該自動(dòng)完成表單（默認(rèn)：開(kāi)啟）。</td> </tr> <tr> <td align="left">enctype</td> <td align="left">規(guī)定被提交數(shù)據(jù)的編碼（默認(rèn)：url-encoded）。</td> </tr> <tr> <td align="left">method</td> <td align="left">規(guī)定在提交表單時(shí)所用的 HTTP 方法（默認(rèn)：GET）。</td> </tr> <tr> <td align="left">name</td> <td align="left">規(guī)定識(shí)別表單的名稱（對(duì)于 DOM 使用：document.forms.name）。</td> </tr> <tr> <td align="left">novalidate</td> <td align="left">規(guī)定瀏覽器不驗(yàn)證表單。</td> </tr> <tr> <td align="left">target</td> <td align="left">規(guī)定 action 屬性中地址的目標(biāo)（默認(rèn)：_self）。</td> </tr> </tbody> </table> <pre><form action="action_page.php" method="GET" target="_blank" accept-charset="UTF-8" ectype="application/x-www-form-urlencoded" autocomplete="off" novalidate> . form elements . </form> </pre> <b>表單元素</b> <p>表單元素是允許用戶在表單中輸入內(nèi)容,比如：文本域(textarea)、下拉列表、單選框(radio-buttons)、復(fù)選框(checkboxes)等等。</p> <b>input</b> <p>類型：</p> <table> <thead><tr> <th align="left">標(biāo)簽</th> <th align="left">描述</th> </tr></thead> <tbody> <tr> <td align="left">input</td> <td align="left">定義輸入域</td> </tr> <tr> <td align="left">text</td> <td align="left">文本輸入的單行輸入字段</td> </tr> <tr> <td align="left">password</td> <td align="left">定義密碼字段</td> </tr> <tr> <td align="left">chekbox</td> <td align="left">定義復(fù)選框</td> </tr> <tr> <td align="left">radio</td> <td align="left">定義單選按鈕輸入（選擇多個(gè)選擇之一）</td> </tr> <tr> <td align="left">submit</td> <td align="left">定義提交按鈕（提交表單）</td> </tr> <tr> <td align="left">reset</td> <td align="left">定義重置按鈕</td> </tr> </tbody> </table> <p>屬性：</p> <table> <thead><tr> <th>屬性</th> <th>描述</th> </tr></thead> <tbody> <tr> <td>type</td> <td>表單項(xiàng)的類型</td> </tr> <tr> <td>name</td> <td>為控件命名，以備后臺(tái)程序用</td> </tr> <tr> <td>value</td> <td>提交數(shù)據(jù)到服務(wù)器的值（后臺(tái)程序使用）</td> </tr> <tr> <td>selected</td> <td>設(shè)置默認(rèn)被選中</td> </tr> </tbody> </table> <b>select</b> <p>定義下拉列表：</p> <pre><select name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat">Fiat</option> <option value="audi" selected="selected">Audi</option> </select></pre> <p><em><option></em> 元素定義待選擇的選項(xiàng).</p> <p>列表通常會(huì)把首個(gè)選項(xiàng)顯示為被選選項(xiàng).</p> <p>selected 屬性來(lái)定義預(yù)定義選項(xiàng)。</p> <b>textarea</b> <p>定義多行輸入字段（<em>文本域</em>）：</p> <p><b><textarea name="message" rows="10" cols="30"> textarea </textarea></b></p> <b>button</b> <p>定義可點(diǎn)擊的按鈕:</p> <p><b><button type="button" onclick="alert("Hello World!")">Click Me!</button></b></p> <pre><body> <!-- 通過(guò)form標(biāo)簽創(chuàng)建一個(gè)表單 --> <!-- action屬性：用來(lái)設(shè)置服務(wù)器的地址 --> <!-- 通過(guò)method屬性可以設(shè)置表單提交的請(qǐng)求的方式，可選值有GET和POST --> <form action="success.html" method="post"> <!-- 1.表單中的表單項(xiàng)通過(guò)input標(biāo)簽表示，表單項(xiàng)的類型通過(guò)input標(biāo)簽中的type屬性來(lái)指定 --> <!-- 2.表單項(xiàng)必須設(shè)置name屬性值，用戶輸入的數(shù)據(jù)通過(guò)name屬性值進(jìn)行攜帶，以鍵值對(duì)的形式發(fā)送到服務(wù)器， 如：username=admin89&password=999999 --> 用戶名：<input type="text" name="username"><br/><br> 密碼：<input type="password" name="password"><br><br> <!-- 1.要保證單選按鈕單選，必須將它們?cè)O(shè)置為一組，即將它們的name屬性值設(shè)置為同一個(gè) 2.單選按鈕提交的是value屬性值，所以必須設(shè)置value屬性值 3.通過(guò)checked="checked"設(shè)置默認(rèn)被選中 --> 性別：<input type="radio" name="gender" value="man" checked="checked">男 <input type="radio" name="gender" value="woman">女<br><br> <!-- 1.必須將復(fù)選框它們?cè)O(shè)置為一組，即將它們的name屬性值設(shè)置為同一個(gè) 2.復(fù)選框提交的是value屬性值，所以必須設(shè)置value屬性值 3.通過(guò)checked="checked"設(shè)置默認(rèn)被選中 --> 你的愛(ài)好： <input type="checkbox" name="hobby" value="money">錢 <input type="checkbox" name="hobby" value="beauty" checked="checked">美女 <input type="checkbox" name="hobby" value="sleeping">睡覺(jué) <br><br> 選擇列表： <select name="star"> <!-- 如果沒(méi)有指定value屬性值，提交的是option中的文本值，如果設(shè)置了value屬性值，提交的就是value屬性值 --> <option value="bdyjy">one</option> <option>two</option> <!-- 通過(guò)selected="selected"設(shè)置默認(rèn)被選中 --> <option selected="selected">three</option> <option>four</option> <option>five</option> <option value="fbb">six</option> </select> <br><br> <input type="reset"> <!-- 通過(guò)value屬性值設(shè)置按鈕中顯示的文本 --> <input type="submit" value="登錄"> </form> </body></pre> </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> </div> </div> <div id="6a22guqa" 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://m.hztianpu.com/yun/77901.html</p> </div> <ul class="pre-next-page"> <li id="6a22guqa" class="ellipsis"><a class="hpf" href="http://m.hztianpu.com/yun/77900.html">上一篇：【修煉內(nèi)功】[JVM] 虛擬機(jī)視角的方法調(diào)用</a></li> <li id="6a22guqa" class="ellipsis"><a class="hpf" href="http://m.hztianpu.com/yun/77902.html">下一篇：Thread and AbstractQueuedSynchronizer</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-left"> <a href="http://m.hztianpu.com/yun/1244.html"><img src="https://img2018.cnblogs.com/blog/1364810/201812/1364810-20181220002247512-934359161.jpg" alt=""></a> </div> <div id="6a22guqa" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://m.hztianpu.com/yun/1244.html"><b><em>01</em>-<em>html</em>介紹和head標(biāo)簽</b></a></h2> <p class="ellipsis2 good">摘要：三開(kāi)發(fā)工具的使用使用技巧編輯器四介紹的概述全稱，翻譯為超文本標(biāo)記語(yǔ)言，它不是一種編程語(yǔ)言，是一種描述性的標(biāo)記語(yǔ)言，用于描述超文本內(nèi)容的顯示方式?！巨D(zhuǎn)】01-html介紹和head標(biāo)簽主要內(nèi)容web標(biāo)準(zhǔn)瀏覽器介紹開(kāi)發(fā)工具介紹HTML介紹HTML顏色介紹HTML規(guī)范HTML結(jié)構(gòu)詳解一、web標(biāo)準(zhǔn)web準(zhǔn)備介紹：w3c：萬(wàn)維網(wǎng)聯(lián)盟組織，用來(lái)制定web標(biāo)準(zhǔn)的機(jī)構(gòu)（組織）web標(biāo)準(zhǔn)：制作網(wǎng)頁(yè)遵循的規(guī)范...</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-1725.html"><img src="http://m.hztianpu.com/yun/data/avatar/000/00/17/small_000001725.jpg" alt=""><span id="6a22guqa" class="layui-hide64">番茄西紅柿</span></a> <time datetime="">2019-04-23 11:51</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="6a22guqa" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://m.hztianpu.com/yun/54083.html"><b><em>01</em>.<em>HTML</em></b></a></h2> <p class="ellipsis2 good">摘要：向服務(wù)器提交表單的通常做法是使用提交按鈕。規(guī)定瀏覽器應(yīng)該自動(dòng)完成表單默認(rèn)開(kāi)啟。規(guī)定在提交表單時(shí)所用的方法默認(rèn)。規(guī)定識(shí)別表單的名稱對(duì)于使用。表單元素表單元素是允許用戶在表單中輸入內(nèi)容比如文本域下拉列表單選框復(fù)選框等等。 網(wǎng)頁(yè)的組成 結(jié)構(gòu)（HTML）：超文本標(biāo)記語(yǔ)言 表現(xiàn)(CSS):層疊樣式表 行為(JavaScript):腳本語(yǔ)言 一個(gè)良好的網(wǎng)頁(yè)要結(jié)構(gòu)、表現(xiàn)、行為三者分離 HTML簡(jiǎn)...</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-1507.html"><img src="http://m.hztianpu.com/yun/data/avatar/000/00/15/small_000001507.jpg" alt=""><span id="6a22guqa" class="layui-hide64">aboutU</span></a> <time datetime="">2019-08-02 15:22</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="6a22guqa" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://m.hztianpu.com/yun/2013.html"><b><em>01</em>-<em>HTML</em>深入</b></a></h2> <p class="ellipsis2 good">摘要：是由行構(gòu)成行是由單元格構(gòu)成。單元格跨行單元格可以向下跨越多個(gè)行，被占的單元格向右擠。國(guó)際貿(mào)易是世界經(jīng)濟(jì)增長(zhǎng)的重要一環(huán)，美國(guó)公開(kāi)違反世貿(mào)規(guī)則，大范圍挑起貿(mào)易爭(zhēng)端，勢(shì)必破壞全球貿(mào)易秩序，危害世界經(jīng)濟(jì)增長(zhǎng)。1.1? 瀏覽器的工作原理 ? ? ? ? ?把一些標(biāo)簽解析成用戶可視化的頁(yè)面 1.2 HTML中的標(biāo)簽與元素 ? ? ? ? ? ?在HTML中以開(kāi)始，以結(jié)束，比如等。 ? ? ? ? ? ?...</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-292.html"><img src="http://m.hztianpu.com/yun/data/avatar/000/00/02/small_000000292.jpg" alt=""><span id="6a22guqa" class="layui-hide64">LoftySoul</span></a> <time datetime="">2019-04-23 13:32</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="6a22guqa" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://m.hztianpu.com/yun/53104.html"><b>JavaWEB開(kāi)發(fā)<em>01</em>——<em>HTML</em></b></a></h2> <p class="ellipsis2 good">摘要：網(wǎng)站信息頁(yè)面需求分析我們公司的需要一個(gè)對(duì)外宣傳的網(wǎng)站介紹介紹公司的主要業(yè)務(wù)公司的發(fā)展歷史公司的口號(hào)等等信息技術(shù)分析概述超文本標(biāo)記語(yǔ)言超文本比普通文本功能更加強(qiáng)大可以添加各種樣式標(biāo)記語(yǔ)言通過(guò)一組標(biāo)簽來(lái)對(duì)內(nèi)容進(jìn)行描述關(guān)鍵字是由瀏覽器來(lái)解釋執(zhí)行靜 1.網(wǎng)站信息頁(yè)面 1.1需求分析: 我們公司的需要一個(gè)對(duì)外宣傳的網(wǎng)站介紹,介紹公司的主要業(yè)務(wù),公司的發(fā)展歷史,公司的口號(hào)等等信息 1.2技術(shù)分析:...</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-1313.html"><img src="http://m.hztianpu.com/yun/data/avatar/000/00/13/small_000001313.jpg" alt=""><span id="6a22guqa" class="layui-hide64">IntMain</span></a> <time datetime="">2019-08-02 11:46</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="6a22guqa" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://m.hztianpu.com/yun/87939.html"><b>rem 單位實(shí)現(xiàn)頁(yè)面自適應(yīng)布局</b></a></h2> <p class="ellipsis2 good">摘要：?jiǎn)挝唤榻B既然扯到了這個(gè)單位，那就有必要先解釋下這個(gè)單位具體含義，上的解釋注意圖中的畫線部分，這個(gè)單位需要高版本的瀏覽器支持，不過(guò)，一般用于移動(dòng)端布局，所以，基本上無(wú)需考慮瀏覽器版本問(wèn)題，放心用吧。相對(duì)于根元素的大小，自動(dòng)計(jì)算出其具體值。 A. 先看一個(gè)函數(shù)： /* * 設(shè)置根元素字體大小 * @param Number minSW 最小縮放的設(shè)備屏幕寬度 * @param Nu...</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-360.html"><img src="http://m.hztianpu.com/yun/data/avatar/000/00/03/small_000000360.jpg" alt=""><span id="6a22guqa" class="layui-hide64">xavier</span></a> <time datetime="">2019-08-21 14:31</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="6a22guqa" class="topicone-box-wangeditor"> <h3 class="top-com-title mb-64"><span>發(fā)表評(píng)論</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">登陸后可評(píng)論</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條評(píng)論</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-939.html"><img src="http://m.hztianpu.com/yun/data/avatar/000/00/09/small_000000939.jpg" alt=""></a> <h3><a href="http://m.hztianpu.com/yun/u-939.html" rel="nofollow">Soarkey</a></h3> <h6>男<span>|</span>高級(jí)講師</h6> <div id="6a22guqa" class="flex_box_zd user-msgbox-atten"> <a href="javascript:attentto_user(939)" id="attenttouser_939" 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-939.html" class="box_hxjz">閱讀更多</a> </div> <ul class="user-msgbox-ul"> <li><h3 class="ellipsis"><a href="http://m.hztianpu.com/yun/130718.html">tensorflow1.4</a></h3> <p>閱讀 2158<span>·</span>2023-04-25 19:03</p></li> <li><h3 class="ellipsis"><a href="http://m.hztianpu.com/yun/122481.html">曙光發(fā)布“城市云腦”系列解決方案 十大場(chǎng)景全賦能智慧城市_云資訊</a></h3> <p>閱讀 1324<span>·</span>2021-10-14 09:42</p></li> <li><h3 class="ellipsis"><a href="http://m.hztianpu.com/yun/120370.html">云主機(jī)3m帶寬支持多少人在線-云服務(wù)器上5M帶寬大概支持多少人同時(shí)在線？</a></h3> <p>閱讀 3517<span>·</span>2021-09-22 15:16</p></li> <li><h3 class="ellipsis"><a href="http://m.hztianpu.com/yun/119807.html">?算法入門?《二叉樹(shù) - 二叉搜索樹(shù)》簡(jiǎn)單05 —— LeetCode 897. 遞增順序搜索樹(shù)</a></h3> <p>閱讀 1072<span>·</span>2021-09-10 10:51</p></li> <li><h3 class="ellipsis"><a href="http://m.hztianpu.com/yun/119235.html">硬件創(chuàng)業(yè)：智能硬件產(chǎn)品詳細(xì)開(kāi)發(fā)指南</a></h3> <p>閱讀 1751<span>·</span>2021-09-06 15:00</p></li> <li><h3 class="ellipsis"><a href="http://m.hztianpu.com/yun/117174.html">淺談pc和移動(dòng)端的響應(yīng)式</a></h3> <p>閱讀 2475<span>·</span>2019-08-30 15:55</p></li> <li><h3 class="ellipsis"><a href="http://m.hztianpu.com/yun/113698.html">css3過(guò)渡</a></h3> <p>閱讀 543<span>·</span>2019-08-29 16:22</p></li> <li><h3 class="ellipsis"><a href="http://m.hztianpu.com/yun/109603.html">大話Redux</a></h3> <p>閱讀 943<span>·</span>2019-08-26 13:49</p></li> </ul> </div> <!-- 文章詳情右側(cè)廣告--> <div id="6a22guqa" class="com_layuiright-box"> <h6 class="top-com-title"><span>最新活動(dòng)</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> <!--付費(fèi)閱讀 --> <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)刻得科技股份有限公司）是中立、安全的云計(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="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線上公開(kāi)課</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)品動(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 >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>常見(jiàn)問(wèn)題</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/" >新聞動(dòng)態(tài)</a></p> <p><a href="http://m.hztianpu.com/site/about/news/report/">媒體動(dòng)態(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號(hào)</a><i>｜</i><a rel="nofollow" ></a> 滬ICP備12020087號(hào)-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="6204o" class="pl_css_ganrao" style="display: none;"><acronym id="6204o"></acronym><samp id="6204o"><tbody id="6204o"><object id="6204o"></object></tbody></samp><tr id="6204o"><sup id="6204o"><td id="6204o"></td></sup></tr><tr id="6204o"><tr id="6204o"><rt id="6204o"></rt></tr></tr><abbr id="6204o"><sup id="6204o"><center id="6204o"></center></sup></abbr><fieldset id="6204o"></fieldset><tbody id="6204o"></tbody><strike id="6204o"><rt id="6204o"><bdo id="6204o"></bdo></rt></strike><option id="6204o"></option><rt id="6204o"></rt><input id="6204o"><tr id="6204o"><sup id="6204o"></sup></tr></input><strike id="6204o"><menu id="6204o"><li id="6204o"></li></menu></strike><source id="6204o"></source><table id="6204o"></table><option id="6204o"></option><abbr id="6204o"></abbr><rt id="6204o"><code id="6204o"><em id="6204o"></em></code></rt><wbr id="6204o"><strong id="6204o"><abbr id="6204o"></abbr></strong></wbr><pre id="6204o"><td id="6204o"><fieldset id="6204o"></fieldset></td></pre><s id="6204o"></s><option id="6204o"><delect id="6204o"><th id="6204o"></th></delect></option><table id="6204o"></table><tr id="6204o"></tr><td id="6204o"></td><menu id="6204o"></menu><pre id="6204o"></pre><button id="6204o"></button><dd id="6204o"></dd><abbr id="6204o"></abbr><dd id="6204o"></dd><noframes id="6204o"></noframes><object id="6204o"><tbody id="6204o"><button id="6204o"></button></tbody></object><center id="6204o"><dd id="6204o"><cite id="6204o"></cite></dd></center><s id="6204o"></s><th id="6204o"></th><bdo id="6204o"></bdo><acronym id="6204o"></acronym><acronym id="6204o"></acronym><table id="6204o"></table><blockquote id="6204o"></blockquote><tr id="6204o"></tr><strike id="6204o"></strike><s id="6204o"><code id="6204o"><em id="6204o"></em></code></s><center id="6204o"><wbr id="6204o"><cite id="6204o"></cite></wbr></center><wbr id="6204o"><strong id="6204o"><noframes id="6204o"></noframes></strong></wbr><wbr id="6204o"><cite id="6204o"><abbr id="6204o"></abbr></cite></wbr><rt id="6204o"><bdo id="6204o"><em id="6204o"></em></bdo></rt><th id="6204o"></th><ul id="6204o"><center id="6204o"><object id="6204o"></object></center></ul><ul id="6204o"><pre id="6204o"><source id="6204o"></source></pre></ul><abbr id="6204o"></abbr><optgroup id="6204o"></optgroup><source id="6204o"><cite id="6204o"><noframes id="6204o"></noframes></cite></source><abbr id="6204o"></abbr><tr id="6204o"></tr><bdo id="6204o"></bdo><tr id="6204o"></tr><dl id="6204o"></dl><ul id="6204o"></ul><menu id="6204o"></menu><tbody id="6204o"><object id="6204o"><small id="6204o"></small></object></tbody><fieldset id="6204o"><optgroup id="6204o"><tr id="6204o"></tr></optgroup></fieldset><tfoot id="6204o"><input id="6204o"><abbr id="6204o"></abbr></input></tfoot><s id="6204o"></s><dd id="6204o"></dd><abbr id="6204o"></abbr><noframes id="6204o"><ul id="6204o"><pre id="6204o"></pre></ul></noframes><object id="6204o"></object><cite id="6204o"></cite><tbody id="6204o"></tbody><tr id="6204o"></tr><tr id="6204o"><dfn id="6204o"><s id="6204o"></s></dfn></tr><option id="6204o"></option><xmp id="6204o"><strike id="6204o"><menu id="6204o"></menu></strike></xmp><samp id="6204o"><pre id="6204o"><object id="6204o"></object></pre></samp><option id="6204o"></option><center id="6204o"><wbr id="6204o"><strong id="6204o"></strong></wbr></center><ul id="6204o"></ul><ul id="6204o"></ul><bdo id="6204o"><em id="6204o"><del id="6204o"></del></em></bdo><td id="6204o"><code id="6204o"><em id="6204o"></em></code></td><li id="6204o"><center id="6204o"><wbr id="6204o"></wbr></center></li><cite id="6204o"><menu id="6204o"><ul id="6204o"></ul></menu></cite><wbr id="6204o"><strong id="6204o"><noframes id="6204o"></noframes></strong></wbr><pre id="6204o"></pre><menu id="6204o"><bdo id="6204o"><acronym id="6204o"></acronym></bdo></menu><nav id="6204o"></nav><tr id="6204o"><rt id="6204o"></rt></tr><abbr id="6204o"><li id="6204o"><center id="6204o"></center></li></abbr><xmp id="6204o"></xmp><blockquote id="6204o"></blockquote><blockquote id="6204o"></blockquote><acronym id="6204o"></acronym><nav id="6204o"></nav><small id="6204o"></small><del id="6204o"></del><input id="6204o"></input><em id="6204o"><del id="6204o"><dfn id="6204o"></dfn></del></em><bdo id="6204o"></bdo><button id="6204o"><samp id="6204o"><tbody id="6204o"></tbody></samp></button></div> < </html>