亚洲a√-youjizzxxxxx-av一道本-欧洲av在线播放-奇米影视777四色-av成人天堂-色婷婷777777仙踪林-日韩在线观看免费网站-亚洲天堂视频一区-亚洲精品极品-91丝袜呻吟高潮美腿白嫩

首頁 > 新聞 > 知識賦能

HTML編程基礎

2014-06-16 6834
分享至:
通常情況下,人們應用Dreemwcave以可視化的方式設計網頁。而直接用HTML標記符設計網頁的情況則較少,對HTML標記符也了解不多,但在動態網頁設計中,常常需要利用ASP代碼摘出網頁的部分HTM L代碼,此時必須熟悉HTML標記符,因此,本章將對常用的HTMI標記符進行介紹。
1. 1. 1什么是HTML
HTML(街pertext Markup Language)即超文本標記語育,是一種用來在WWW (World Wide Web) L表示信息的描述性的標記語言。
HTML文本是由HTML標記組成的描述性文本。HTML標記可以描述文字、圖形、動網、聲音、表格、鏈接等。生成一個HTMI文本述常可以通過以下四種方法:
I)利用各種文本編輯器(如Windows記事本)i is接使用HTML語言編寫。
2)借助一錢HTMI.的編輯工其,如FroniPage、HotDog等。
3)其他格式的文檔(如Word文檔)轉換成HTML文本。
4)山Web服務器端實時動態地生成。

下面應用第一種方法完成一個簡單的實例
1. 1.2一個簡單的HTM 1.實例
I例1-1)創建一個簡單的網貞,步驟如下:
1)選擇“開始”一“程序”,“附件”一“記事本”命令,打開記事本程序。翰人以
下HTML代碼

< TITLE > I ITM L實例
< BODY Bgcolor = "#FFFFFF">



2)選擇“文件.菜單下的“保存,命令.打開“保存”對話框,在輸人文件名和文件擴展名(1-1. him),選擇合適的目錄.然后單擊“保存”
3)在瀏覽器中打開運行該文件(1-1. him),運行結果如圖1-1所示。

從以上過程可以看出,使用HTML語言確實能夠很容易地制作網頁,但是這樣的網頁距離關觀實用的要求顯然還有一定差距。因此后面的章節將會詳細地介紹如何利用HTML諸言的其他標記符來修飾文字和圖像等頁面元素。

1.2 HTML常用標記
標記符是HTML語言中定義網頁內容格式和顯示的指令.制網貞內容的顯示效果。

1.2.1頁面基本屬性標記
而標記符的屬性用于進一步控制網頁的內容多么豐富、版式多么復雜,網頁的基本結構卻都是一樣的。
1.網頁的基本結構
如下所示:

< TITLE>文檔標題<,TITLE》

< BODY>
這是HTMI文檔的主要部分


HTML的結構包括頭部(HEAD)、主體(BODY)兩大部分.其中頭部描述瀏覽器所需的信息,而主體則包含頁面的具體內容及格式說明。
2.語官字符維,(Charsets)的信息

#=US-ASCII,ISO-8859-I,X-MAC-ROMAN, 150-8859-2, X-MAC-CE, ISO-2022-JP, X-SJIS,X-EUC-JP, EUC-KR, ISO-2022-KR, GB2312, GB_ 2312-80, X-EUC-TW, X-CNS11643-1,X-CNSI 1643-2, BIG5
可在HTML文件中設置MIME字符集(i息。您在瀏覽主頁時.最好自己在瀏覽器的選項菜單內選擇相應的語言(language encoding),但是如果HTML文件里寫明了設置,瀏覽器就會自動設置語言選項。如果主頁里用到了字符實體(entities),則該主頁就應該寫明字符集信息,否則,您在瀏覽該主頁時,若未正確設置語言選項,顯示將可能混亂。
3.背.色彩和文字色影
設置網貞的背景色彩和文字色彩可通過設置BODY標記的屬性來實現,具體格式如下:

BODY標記各參數的含義見表1-l
4.添加注釋
由于Web站點需要經常更新,而且制作時往往是幾個人合作,所以創建的頁面必須易于維護,而添加增強文件可讀性的重要手段。
HTML中的注釋是由(結束標記符)組成的。這兩個標記符中間的內容就是注釋的內容,它們不會在瀏覽器中顯示。
5.畫線
在網頁中產生分隔線可用
標記來實現,其用法為:


屬性說明:
I) Width用于指定分隔線的寬度.寬度優的指定方式有兩種.一是用像素點來指定,
例如.若要產生寬度為500像素的直線,則實現代碼為:


另一種方法是用百分比表達,例如,若要產生寬度是網頁寬度的75%分隔線,則實現代碼如下:


2) Si,用于指定直線的高度。例如.要繪制寬度為80%,高度為l的直線,則實現代
碼如下:


3) Align指定直線的對齊方式,取值有left、Center、Right。
4) Noahade指定直線是否有陰形。如果帶有該參數,則直線無陰影。

標記一般用于產生水平分隔線,若要產生豎直線,可將Width設置為1, Size設置為豎直線的高度誼。例如:< HR Width= I Size= 500 Noshade >
1.2.2文字屬性標記
文字是網頁中最主要的頁面元素,HTML語言提供了一些用來修飾文字的標記符,可以川它們來設置文字的字體、顏色、大小和樣式等屬性。
1.字體控制
標記符是用來控制文字的字體、大小和顏色的。其語法格式為:
文本
屬性說明:
Face屬性用于指定字體;Size用于指定字體的大小;Color用于設置字體的顏色。字體大小的表達方法有兩種,一是設置為絕對字號,此時的設置優可以是1~7, 1號最小,7號最大,默認字號為3,可利用< BASEFONT Size=字號>設置或更改默認字號。例如,若要以綠色,宋體4號字輸出“HTML實例”,則實現代碼為:
< FONT Face=“宋體”Size=4 Color=“#008000">HTML實例

另一種設置為相對字號大小,此時的用法為,其中n代表字號改變的量,+表示字體在默認字號的基礎上增大字號,- 表示在默認字號的基礎上遞減字號。例如:
< BASEFONT Size=3)
HTML實例

2.標題的字號
語法格式為:
< Hn)
說明:n是1 -6的數字,表示最大的標題,
表示最小的標題。在默認狀態下,標記符中的文字在瀏覽器中顯示時都是黑體,而且文字將自動在標記符后換行。
【例1-2】在網頁中分別用六級標題標記符拍出一個側試效果的文本。


標越字體演示</TITLE》<br /> </HEAD ><br /> <BODY Bgcolor = " #FFFFFF" Text=“#000000”><br /> <Hl>這是第一級標題</H1><br /> <H2》這是第二級標腸</H2><br /> <H3>這足第三級標題</H3><br /> <H4>這是第四級標腸</H4 ><br /> <115》這是第五級標題</HS><br /> <H6>這是第六級標題</H6><br /> </BODY)<br /> </HTML><br /> 運行結果如圖,1-2所示。 <div style="text-align: center; "></div> </div> </div> <div id="f3pryf8" class="source"><strong>來源聲明:</strong><p>本文章系尚品中國編輯原創或采編整理,如需轉載請注明來自尚品中國。以上內容部分(包含圖片、文字)來源于網絡,如有侵權,請及時與本站聯系(010-60259772)。</p></div> <div id="ktkwip8" class="arrow"> <a href="/index/shows?catid=17&id=5513" class="prev">上一篇</a> <a href="/zhishifuneng/" class="back"></a> <a href="/Article/226_19726" class="next">下一篇</a> </div> </div> <div id="rlsj8qx" class="col-r"> <div id="la3dtvx" class="m-box"> <h3 class="m-t1">行業解決方案</h3> <ul class="ul-tab"> <li id="e8eq3xz" class="i1"><a href="/kyys/" target="_blank" >科研院所</a></li> <li id="tiugnz9" class="i2"><a href="/waimao/" target="_blank" >外貿出海</a></li> <li id="ti8nnp8" class="i3"><a href="/swyyjjfa/" target="_blank" >生物醫藥</a></li> <li id="j3fh2jq" class="i1"><a href="/zzyjjfa/" target="_blank" >制造業</a></li> </ul> <h3 class="m-t1">熱門標簽</h3> <ul class="ul-tab"> <li id="odu8p9t" class="i1"><a href="/search/49">微信小程序開發</a></li> <li id="d9jvcjg" class="i2"><a href="/search/44">定制網站制作</a></li> <li id="nmovzgi" class="i3"><a href="/search/25">集團網站建設</a></li> <li id="qkbdykw" class="i1"><a href="/search/wangzhanjianshe">網站建設</a></li> </ul> <div id="tiz4pjv" class="m-pic"><a href="javascript:;" class="js-yu"><img src="/storage/upload/files/20260312/e3377bb6c20d6b2807f9ca437175e43e.png" alt=""></a></div> </div> </div> </div> </div> </div> </div> <div id="qkwizbd" class="row-b4"> <div id="3q83c4c" class="wp"> <div id="qam3mli" class="m-solution_head"> <h3 class="g-tit1">客戶認可</h3> <div id="isjq3xz" class="right glist-chapter-swiper-btn"> <!-- <div id="pew8cjq" class="btn prev"><i class="jtl"></i></div> <div id="icjvseg" class="btn next"><i class="jtr"></i></div> --> <div id="ba8g8iu" class="btn prev"> <svg><use href="/static/index/images/ui.svg#long-white-left" /></svg> </div> <div id="f3qcjq3" class="btn next"> <svg><use href="/static/index/images/ui.svg#long-white-right" /></svg> </div> </div> </div> <div id="yiu3nkr" class="glist-chapter"> <div id="fp3qsz8" class="swiper"> <div id="uj83qc3" class="swiper-wrapper"> <div id="pevhy8k" class="swiper-slide"> <a href="/Article/225_19486" class="item s1"> <i class="circle"></i> <h3 class="title">尚品中國簽約華安資產官網改版項目</h3> <!-- <span id="wlhjlx8" class="date">2024-04-11</span>--> <div id="rgsubwd" class="icon"><img src="/storage/upload/files/20260312/60f6026bc0030f5767e08d79b810daec.png" alt="尚品中國簽約華安資產官網改版項目" /></div> </a> </div> <div id="eofmovx" class="swiper-slide"> <a href="/Article/225_19448" class="item s2"> <i class="circle"></i> <h3 class="title">尚品簽約Charles River維通利華網站建設項目</h3> <!-- <span id="ncjaceb" class="date">2024-03-11</span>--> <div id="9nzvmyk" class="icon"><img src="/storage/upload/files/20260312/a9365a4f28d842c4d1c89514a83ea941.png" alt="尚品簽約Charles River維通利華網站建設項目" /></div> </a> </div> <div id="qp38vhj" class="swiper-slide"> <a href="/Article/225_19405" class="item s3"> <i class="circle"></i> <h3 class="title">構建數字未來,尚品簽約中聯數據</h3> <!-- <span id="tnzlcov" class="date">2023-12-21</span>--> <div id="y3eqxeg" class="icon"><img src="/storage/upload/files/20260312/793a7e95ca38f31502d772f8d59d544b.png" alt="構建數字未來,尚品簽約中聯數據" /></div> </a> </div> <div id="qf3b2nz" class="swiper-slide"> <a href="/Article/225_19337" class="item s1"> <i class="circle"></i> <h3 class="title">尚品簽約大興航空城微信小程序設計及開發項目</h3> <!-- <span id="mlxovxu" class="date">2023-10-23</span>--> <div id="td3e8hy" class="icon"><img src="/storage/upload/files/20260312/2f19f12c56eb9dcf92fa2e91d9331299.png" alt="尚品簽約大興航空城微信小程序設計及開發項目" /></div> </a> </div> <div id="4ok2kwd" class="swiper-slide"> <a href="/Article/225_19333" class="item s2"> <i class="circle"></i> <h3 class="title">尚品簽約海南國家公園研究院官網改版項目</h3> <!-- <span id="mw9nury" class="date">2023-09-21</span>--> <div id="8n4rtac" class="icon"><img src="/storage/upload/files/20260313/8e7489b6344ad6a7bb73ab90b84e383e.png" alt="尚品簽約海南國家公園研究院官網改版項目" /></div> </a> </div> <div id="icjl3my" class="swiper-slide"> <a href="/Article/225_19307" class="item s3"> <i class="circle"></i> <h3 class="title">尚品中標中國醫學科學院病原生物學研究所網站建設項目</h3> <!-- <span id="8lnzlnz" class="date">2023-08-22</span>--> <div id="sh9artf" class="icon"><img src="/storage/upload/files/20260312/119ef43d56a54b744058e40311cfef1e.png" alt="尚品中標中國醫學科學院病原生物學研究所網站建設項目" /></div> </a> </div> <div id="hcheqcz" class="swiper-slide"> <a href="/Article/225_18727" class="item s1"> <i class="circle"></i> <h3 class="title">尚品簽約山東經典重工集團——構建國際化品牌官網升級</h3> <!-- <span id="8oahtf8" class="date">2022-12-23</span>--> <div id="fubnuwy" class="icon"><img src="/storage/upload/files/20260312/fa5782dc3adb0e077ecd4c443cce2221.png" alt="尚品簽約山東經典重工集團——構建國際化品牌官網升級" /></div> </a> </div> </div> </div> </div> </div> </div> <div id="qfcoa9v" class="row-b2"> <div id="p3v28el" class="wp"> <div id="etkw3cj" class="m-yu"> <div id="jofwyfh" class="left"> <div id="8uvhtf2" class="txt"> <h3 class="tit">立即預約專屬顧問 開啟數字化轉型之旅!</h3> <div id="f3gcxeg" class="info">10年+資深項目經理1V1服務 | 行業定制化方案 | 精準報價體系</div> <a href="javascript:;" class="btn js-yu"> <span>獲取策劃方案</span> <div id="b8xjgik" class="icon"><i></i></div> </a> </div> </div> <div id="8myfryf" class="pic"><img src="/static/index/images/p6.png" alt="立即預約專屬顧問 開啟數字化轉型之旅!"></div> <div id="fpwyaro" class="bg"></div> </div> </div> </div> </div> <div id="8dzlsz8" class="footer"> <div id="tdwi8km" class="fd-con"> <div id="gqxoq3n" class="wp"> <div id="bvh2n38" class="fd-nv"> <dl> <dt><a href="/Service/" >服務</a></dt> <dd> <!-- <div id="8pgipwi" class="i-t"><a href="/Service/#item-5">高端網站建設</a></div> --> <div id="sh8d8ub" class="i-t"><a href="/Service/?target=item-5">高端網站建設</a></div> <!-- <div id="gamt3fc" class="i-t"><a href="/Service/#item-6">信創網站改造</a></div> --> <div id="4iw8fmt" class="i-t"><a href="/Service/?target=item-6">信創網站改造</a></div> <!-- <div id="yi9e7ac" class="i-t"><a href="/Service/#item-4">微信小程序/ H5</a></div> --> <div id="gvck3hj" class="i-t"><a href="/Service/?target=item-4">微信小程序/ H5</a></div> <!-- <div id="8hoqszb" class="i-t"><a href="/Service/#item-3">安全產品</a></div> --> <div id="fug8qsu" class="i-t"><a href="/Service/?target=item-3">安全產品</a></div> <!-- <div id="ydkh8ah" class="i-t"><a href="/Service/#item-2">Ai系統設計開發</a></div> --> <div id="uzlczl8" class="i-t"><a href="/Service/?target=item-2">Ai系統設計開發</a></div> <!-- <div id="ujlse88" class="i-t"><a href="/Service/#item-1">智能化數字營銷</a></div> --> <div id="hqx32eo" class="i-t"><a href="/Service/?target=item-1">智能化數字營銷</a></div> </dd> </dl> <dl> <dt><a href="/case/" >案例</a></dt> <dd> <div id="apgs82p" class="i-t"><a href="/keyansuo/" >科研院所</a></div> <div id="qpwyfmy" class="i-t"><a href="/jituan/" >集團/央國企</a></div> <div id="mr83s32" class="i-t"><a href="/FOB/" >外貿出海</a></div> <div id="mb38ik3" class="i-t"><a href="/SMT/" >制造業</a></div> <div id="3hdz3ln" class="i-t"><a href="/xiehui/" >協會學會</a></div> <div id="p8a8fmy" class="i-t"><a href="/shengwu/" >生物醫藥</a></div> <div id="f8vm3tf" class="i-t"><a href="/EDU/" >高校教育</a></div> </dd> </dl> <dl> <dt><a href="/kyys/" >方案</a></dt> <dd> <div id="qkwn4zg" class="i-t"><a href="/kyys/" >科研院所解決方案</a></div> <div id="3nevcoq" class="i-t"><a href="/waimao/" >外貿出海解決方案</a></div> <div id="kolceqc" class="i-t"><a href="/xhxhjjfa/" >協會學會解決方案</a></div> <div id="jdfr8kr" class="i-t"><a href="/groupwebsite/" >集團上市公司解決方案</a></div> <div id="ynubi33" class="i-t"><a href="/swyyjjfa/" >生物醫藥解決方案</a></div> <div id="wqxzgi3" class="i-t"><a href="/zzyjjfa/" >制造業解決方案</a></div> <div id="srykrtq" class="i-t"><a href="/gaoxiaojiaoyu/" >高校教育解決方案</a></div> </dd> </dl> <dl> <dt><a href="/News/" >新聞</a></dt> <dd> <div id="smy8oya" class="i-t"><a href="/News/" >客戶認可</a></div> <div id="8z2mj7e" class="i-t"><a href="/zhishifuneng/" >知識賦能</a></div> <div id="xbnp4fr" class="i-t"><a href="/hangyedongcha/" >行業洞察</a></div> </dd> </dl> <dl> <dt><a href="/About/" >關于</a></dt> <dd> <div id="etah8zg" class="i-t"><a href="/About/#item-20" >關于尚品</a></div> <div id="k3arofc" class="i-t"><a href="/About/#item-21" >數字未來</a></div> <div id="x3i33r8" class="i-t"><a href="/About/#item-22" >尚品價值觀</a></div> <div id="3qceq8s" class="i-t"><a href="/About/#item-23" >尚品資質</a></div> </dd> </dl> </div> <div id="l8wifcu" class="fd-r"> <div id="38awya8" class="share"> <span id="pe8fryk" class="t1">聯系我們</span> <div id="pzl8xzb" class="t-c"> <div id="3vmy8kr" class="i-t"> <span id="8e2g83n" class="ico"><img src="/static/index/images/i-07.png" alt=""></span> <div id="vurd8uw" class="qr"><img src="/storage/upload/files/20260312/0006b734a152ad84a9d7876464ac8978.jpg" alt=""></div> </div> <div id="4klxebd" class="i-t"> <span id="8ypgszb" class="ico"><img src="/static/index/images/i-08.png" alt=""></span> <div id="3tkmdk3" class="qr"><img src="/storage/upload/files/20260312/adcf966484825281a68f0ffa01382c1f.jpg" alt=""></div> </div> <div id="d4j23f8" class="i-t"> <span id="zofr828" class="ico"><img src="/static/index/images/i-06.png" alt=""></span> <div id="wqcpg8x" class="qr"><img src="/storage/upload/files/20260511/3730e6e6d858cb4b464b81b09953bfad.jpg" alt=""></div> </div> </div> </div> <div id="3kwikwt" class="tel"> <span id="dxj3ubs" class="t1">咨詢熱線</span> <div id="bqse3xj" class="t-e">010-60259772</div> </div> <div id="ixja9vm" class="fd-link"> <h3 class="tit">友情鏈接</h3> <div id="rgifw3r" class="con"> <div id="mlxelx3" class="t-s" data-lenis-prevent> <a href="http://m.5e3.com.cn/jituan/" target="_blank" >企業網站制作</a> <a href="http://m.5e3.com.cn/" target="_blank" >北京網站建設</a> <a target="_blank" >上海網站建設</a> <a target="_blank" >成都網站建設</a> <a target="_blank" >小熊HTTP代理</a> <a href="http://m.5e3.com.cn/" target="_blank" >高端網站建設</a> <a target="_blank" >網站建設</a> <a target="_blank" >上海網站建設</a> <a target="_blank" >網站建設</a> <a target="_blank" >網站設計</a> <a target="_blank" >網站建設</a> <a target="_blank" >輿情監測</a> <a target="_blank" >香港服務器</a> <a target="_blank" >網站建設</a> <a target="_blank" >網站制作</a> <a href="http://m.5e3.com.cn/News/" target="_blank" >北京網站建設公司</a> <a href="http://m.5e3.com.cn/About/" target="_blank" >企業網站建設公司</a> <a target="_blank" >溫州網站建設</a> <a target="_blank" >深圳網站建設</a> <a target="_blank" >無錫網站建設</a> <a target="_blank" >網站制作</a> <a target="_blank" >北京網站設計</a> </div> </div> </div> </div> </div> </div> <div id="4zqzpro" class="fd-bot"> <div id="pugxzgi" class="fd-logo wow fadeInUp"><a href="/"><img src="/static/index/images/fd-logo.png" alt=""></a></div> <div id="tiz4lnp" class="fd-tit wow fadeInUp">互聯網品牌建設 深度服務商</div> </div> <div id="zokryfc" class="wp"> <div id="qvxja8c" class="fd-copy"> <div id="zjz48v8" class="left">Copyright ? 2026 恒久尚品 版權所有 | <a target="_blank" rel="nofollow">京ICP備09066521號 | </a> <a target="_blank" rel="nofollow">公安機關備案號:11011502003910號</a> </div> <div id="fuls48t" class="right">尚品提供<a href="http://m.5e3.com.cn/Article/226_10534">網站建設流程</a>、系統平臺開發、微信小程序及安全產品服務。</div> </div> </div> </div> <div id="l8my3pw" class="fix-right"> <ul> <li> <div id="zjqv93i" class="con"> <div id="wlsubd3" class="t-c"> <span id="fkmdpr8" class="ico"><img src="/static/index/images/i-21.png" alt=""></span> <span id="rwsu82x" class="t1">電話</span> </div> <div id="ydpbdpw" class="f-p"> <div id="qace9ls" class="pop tel">010-60259772</div> </div> </div> </li> <li> <div id="lahyfmj" class="con"> <div id="odkwtvs" class="t-c"> <span id="lvr8t3i" class="ico"><img src="/static/index/images/i-22.png" alt=""></span> <span id="etkwdkr" class="t1">微信</span> </div> <div id="3wse8bl" class="f-p"> <div id="c8ne3nu" class="pop qr"> <div id="j83gszg" class="pic"> <img src="/storage/upload/files/20260311/46caf8c4da4f8c9a6281767f3721dbcd.jpg" alt=""> </div> <span id="cri3kry" class="t2">掃碼加微</span> </div> </div> </div> </li> <li> <a href="javascript:window.open('https://affim.baidu.com/unique_43440687/chat?siteId=20826993&userId=43440687&siteToken=4e060ea0ec0f49bbf798e8cde61c77da','','modal=yes,width=800,height=650,resizable=no,scrollbars=no');" class="con"> <div id="h8se3nu" class="t-c"> <span id="8pwyuw3" class="ico"><img src="/static/index/images/i-23.png" alt=""></span> <span id="9a3cszb" class="t1">在線</span> </div> </a> </li> <li> <a href="javascript:;" class="con js-yu"> <div id="c8y8eln" class="t-c"> <span id="sxoqnz3" class="ico"><img src="/static/index/images/i-24.png" alt=""></span> <span id="ixeqhol" class="t1">預約</span> </div> </a> </li> <li> <a href="javascript:;" class="con btn-top"> <div id="jtkmtvm" class="t-c"> <span id="odubnzl" class="ico"><img src="/static/index/images/i-25.png" alt=""></span> </div> </a> </li> </ul> </div> <div id="qf8vs2d" class="pop-form"> <div id="bo3hoqx" class="pop-bg"></div> <div id="3cjv38i" class="cont"> <span id="hrd9els" class="close"></span> <div id="8ugn8wn" class="m-contact-form"> <div id="fk8kmtv" class="text-form-box"> <div id="dsjvceq" class="text" style="background-image: url(/static/index/images/bg-contact2.jpg);"> <h3 class="title">咨詢我們,獲得專業的服務和報價</h3> <div id="8fwdkmj" class="desc"> <p>聯系我們,免費獲取項目方案及報價,或只是聊一聊您的項目? 在收到您的需求留言后我們將由專業人員于24小時內與您取得聯系,請您保持電話暢通!</p> </div> <ul class="list"> <li>科研院所解決方案</li> <li>外貿出海解決方案</li> <li>協會學會解決方案</li> <li>集團上市公司解決方案</li> <li>生物醫藥解決方案</li> <li>制造業解決方案</li> <li>高校教育解決方案</li> <li>信創網站改造解決方案</li> </ul> <div id="scofhoq" class="tel"> <span>更多服務咨詢,請聯系尚品</span> <p>010-60259772</p> </div> </div> <div id="rgsel9r" class="form"> <form action="/guestbook.html" method="post" name="contact"> <input type="hidden" name="catid" value="17"> <div id="lv3gnpr" class="label-tit">您的姓名 <span id="zevc8v8" class="fred">*</span></div> <div id="dnzlnps" class="label-inp"><input type="text" name="name" placeholder="請輸入您的姓名" required/></div> <div id="jykwdpb" class="label-tit">您的電話 <span id="8f3vmjv" class="fred">*</span></div> <div id="3ipbda8" class="label-inp"><input type="text" name="phone" placeholder="請輸入您的手機號/座機號" required/></div> <div id="oypbipw" class="label-tit">您的郵箱</div> <div id="k3b3wdf" class="label-inp"><input type="email" name="email" placeholder="請輸入您的郵箱" /></div> <div id="h3s3jqx" class="label-tit">公司名稱 <span id="tdkwdpb" class="fred">*</span></div> <div id="qahtaht" class="label-inp"> <input type="text" name="company" placeholder="請輸入您的公司名稱" required/> </div> <button type="submit" class="submit">預約咨詢</button> </form> </div> </div> </div> </div> </div> <script> layui.use(["form", "formRequest"], function() { let formRequest = layui.formRequest; $("form[name='contact']").on('submit', function () { $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); let _this = $(this); let _option = { url: _this.attr('action'), data: _this.serialize() }; formRequest.request.post(_option, function (res) { const {msg,data: {token}} = res; formRequest.msg.success(msg, function () { refreshCap(); _this[0].reset(); $('meta[name="csrf-token"]').attr('content', token); }); }, function(res) { const {msg,data: {token}} = res; formRequest.msg.error(msg, function () { refreshCap(); $('meta[name="csrf-token"]').attr('content', token); }); }); return false; }); function refreshCap() { $('.captcha').trigger('click'); } }); </script> <script src="/static/index/js/lib.js"></script> <script type="text/javascript"> $('.m-details .red .ico').click(function(){ $('.red-popup').show(); }); $('.red-popup .popup_close').click(function(){ $('.red-popup').hide(); }); </script> <script src="/static/index/js/jsmodern.min.js"></script> <script type="text/javascript"> jsModern.share({ qrcode: "#share-qrcode", qzone: "#share-qzone", sina: "#share-sina", qq: "#share-qq" }); </script> <script> window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='/static/index/api/js/share.js?v=89860593.js?'];</script> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站,您可能还对以下资源感兴趣:</p> <a href="http://m.5e3.com.cn/" title="亚洲a√-youjizzxxxxx-av一道本-欧洲av在线播放-奇米影视777四色-av成人天堂-色婷婷777777仙踪林-日韩在线观看免费网站-亚洲天堂视频一区-亚洲精品极品-91丝袜呻吟高潮美腿白嫩">亚洲a√-youjizzxxxxx-av一道本-欧洲av在线播放-奇米影视777四色-av成人天堂-色婷婷777777仙踪林-日韩在线观看免费网站-亚洲天堂视频一区-亚洲精品极品-91丝袜呻吟高潮美腿白嫩</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="joqo1" class="pl_css_ganrao" style="display: none;"><code id="joqo1"><pre id="joqo1"></pre></code><samp id="joqo1"><small id="joqo1"></small></samp><optgroup id="joqo1"></optgroup><blockquote id="joqo1"><bdo id="joqo1"></bdo></blockquote><s id="joqo1"><ul id="joqo1"><strong id="joqo1"><sup id="joqo1"></sup></strong></ul></s><pre id="joqo1"></pre><bdo id="joqo1"></bdo><object id="joqo1"><meter id="joqo1"></meter></object><dfn id="joqo1"><sub id="joqo1"><optgroup id="joqo1"></optgroup></sub></dfn><meter id="joqo1"><dfn id="joqo1"><form id="joqo1"></form></dfn></meter><bdo id="joqo1"></bdo><strike id="joqo1"><rp id="joqo1"><sup id="joqo1"></sup></rp></strike><dfn id="joqo1"></dfn><nobr id="joqo1"><pre id="joqo1"><u id="joqo1"><thead id="joqo1"></thead></u></pre></nobr><center id="joqo1"><input id="joqo1"><blockquote id="joqo1"><bdo id="joqo1"></bdo></blockquote></input></center><sup id="joqo1"><font id="joqo1"><pre id="joqo1"></pre></font></sup><pre id="joqo1"></pre><meter id="joqo1"></meter><optgroup id="joqo1"><em id="joqo1"><noscript id="joqo1"><tbody id="joqo1"></tbody></noscript></em></optgroup><em id="joqo1"></em><nav id="joqo1"><blockquote id="joqo1"><tbody id="joqo1"><tr id="joqo1"></tr></tbody></blockquote></nav><em id="joqo1"><rt id="joqo1"></rt></em><dd id="joqo1"></dd><track id="joqo1"></track><dfn id="joqo1"><sub id="joqo1"></sub></dfn><menuitem id="joqo1"><strong id="joqo1"><address id="joqo1"><form id="joqo1"></form></address></strong></menuitem><mark id="joqo1"></mark><address id="joqo1"></address><style id="joqo1"></style><sub id="joqo1"><label id="joqo1"><progress id="joqo1"></progress></label></sub><ul id="joqo1"></ul><li id="joqo1"></li><nav id="joqo1"><blockquote id="joqo1"></blockquote></nav><ol id="joqo1"></ol><strong id="joqo1"></strong><th id="joqo1"><pre id="joqo1"><dfn id="joqo1"></dfn></pre></th><legend id="joqo1"></legend><menu id="joqo1"><xmp id="joqo1"></xmp></menu><ruby id="joqo1"></ruby><em id="joqo1"></em><noframes id="joqo1"></noframes><dfn id="joqo1"><sub id="joqo1"><optgroup id="joqo1"></optgroup></sub></dfn><nav id="joqo1"></nav><meter id="joqo1"><dfn id="joqo1"></dfn></meter><pre id="joqo1"><del id="joqo1"><nobr id="joqo1"></nobr></del></pre><legend id="joqo1"><output id="joqo1"></output></legend><span id="joqo1"><optgroup id="joqo1"><xmp id="joqo1"></xmp></optgroup></span><menuitem id="joqo1"><strong id="joqo1"></strong></menuitem><track id="joqo1"></track><ul id="joqo1"></ul><table id="joqo1"><td id="joqo1"><li id="joqo1"><th id="joqo1"></th></li></td></table><thead id="joqo1"><object id="joqo1"><big id="joqo1"></big></object></thead><strong id="joqo1"></strong><abbr id="joqo1"><dl id="joqo1"><pre id="joqo1"></pre></dl></abbr><noscript id="joqo1"></noscript><wbr id="joqo1"></wbr><mark id="joqo1"></mark><td id="joqo1"></td><form id="joqo1"><nav id="joqo1"><dd id="joqo1"></dd></nav></form><small id="joqo1"><p id="joqo1"></p></small><thead id="joqo1"></thead><thead id="joqo1"><li id="joqo1"><ol id="joqo1"></ol></li></thead><dfn id="joqo1"></dfn><meter id="joqo1"><cite id="joqo1"></cite></meter><dl id="joqo1"></dl><rt id="joqo1"></rt><thead id="joqo1"></thead><abbr id="joqo1"><dl id="joqo1"><pre id="joqo1"></pre></dl></abbr><legend id="joqo1"><kbd id="joqo1"></kbd></legend><output id="joqo1"><strong id="joqo1"><font id="joqo1"></font></strong></output><optgroup id="joqo1"></optgroup><th id="joqo1"><span id="joqo1"><dfn id="joqo1"><strike id="joqo1"></strike></dfn></span></th><sup id="joqo1"><dd id="joqo1"><video id="joqo1"><ol id="joqo1"></ol></video></dd></sup><em id="joqo1"></em><meter id="joqo1"></meter><sup id="joqo1"></sup><th id="joqo1"><span id="joqo1"></span></th><video id="joqo1"></video><bdo id="joqo1"></bdo><address id="joqo1"></address><code id="joqo1"></code><samp id="joqo1"><track id="joqo1"><pre id="joqo1"></pre></track></samp><sub id="joqo1"><input id="joqo1"><progress id="joqo1"><th id="joqo1"></th></progress></input></sub><samp id="joqo1"></samp><ol id="joqo1"></ol><dfn id="joqo1"><table id="joqo1"><dd id="joqo1"><li id="joqo1"></li></dd></table></dfn><pre id="joqo1"></pre><ruby id="joqo1"></ruby><tt id="joqo1"><i id="joqo1"><menuitem id="joqo1"><var id="joqo1"></var></menuitem></i></tt><pre id="joqo1"><strike id="joqo1"><option id="joqo1"></option></strike></pre><output id="joqo1"><table id="joqo1"></table></output><fieldset id="joqo1"></fieldset><dfn id="joqo1"><center id="joqo1"><optgroup id="joqo1"></optgroup></center></dfn><table id="joqo1"><td id="joqo1"><li id="joqo1"><th id="joqo1"></th></li></td></table><ruby id="joqo1"></ruby><th id="joqo1"></th><video id="joqo1"><tfoot id="joqo1"></tfoot></video><th id="joqo1"><span id="joqo1"><dfn id="joqo1"><center id="joqo1"></center></dfn></span></th><meter id="joqo1"><cite id="joqo1"><form id="joqo1"></form></cite></meter><p id="joqo1"></p><dfn id="joqo1"></dfn><small id="joqo1"><p id="joqo1"><ruby id="joqo1"></ruby></p></small><acronym id="joqo1"><ol id="joqo1"><b id="joqo1"><legend id="joqo1"></legend></b></ol></acronym><optgroup id="joqo1"></optgroup><delect id="joqo1"></delect><bdo id="joqo1"></bdo><tr id="joqo1"></tr><progress id="joqo1"></progress><listing id="joqo1"></listing><track id="joqo1"></track><em id="joqo1"><style id="joqo1"><mark id="joqo1"></mark></style></em><label id="joqo1"></label><track id="joqo1"></track><input id="joqo1"></input><abbr id="joqo1"><dl id="joqo1"><pre id="joqo1"><s id="joqo1"></s></pre></dl></abbr><tt id="joqo1"><i id="joqo1"><menuitem id="joqo1"><var id="joqo1"></var></menuitem></i></tt><small id="joqo1"><td id="joqo1"><ruby id="joqo1"><label id="joqo1"></label></ruby></td></small><cite id="joqo1"><center id="joqo1"><input id="joqo1"></input></center></cite><cite id="joqo1"><center id="joqo1"><input id="joqo1"></input></center></cite><blockquote id="joqo1"></blockquote><th id="joqo1"></th><samp id="joqo1"><small id="joqo1"><dfn id="joqo1"><strong id="joqo1"></strong></dfn></small></samp><form id="joqo1"></form><th id="joqo1"><span id="joqo1"><dfn id="joqo1"></dfn></span></th><table id="joqo1"><td id="joqo1"></td></table><dl id="joqo1"></dl><dfn id="joqo1"><u id="joqo1"><strong id="joqo1"><sup id="joqo1"></sup></strong></u></dfn><progress id="joqo1"></progress><strong id="joqo1"></strong><b id="joqo1"></b><form id="joqo1"><xmp id="joqo1"><small id="joqo1"></small></xmp></form><dl id="joqo1"><noframes id="joqo1"><p id="joqo1"></p></noframes></dl><nobr id="joqo1"><dfn id="joqo1"></dfn></nobr><b id="joqo1"></b><dfn id="joqo1"></dfn><label id="joqo1"><progress id="joqo1"><listing id="joqo1"><span id="joqo1"></span></listing></progress></label><thead id="joqo1"><object id="joqo1"><samp id="joqo1"></samp></object></thead><em id="joqo1"><style id="joqo1"><mark id="joqo1"></mark></style></em><cite id="joqo1"><rp id="joqo1"></rp></cite><kbd id="joqo1"></kbd><legend id="joqo1"></legend><th id="joqo1"><button id="joqo1"><style id="joqo1"></style></button></th><nobr id="joqo1"></nobr><dfn id="joqo1"><sub id="joqo1"></sub></dfn><dfn id="joqo1"><center id="joqo1"><optgroup id="joqo1"><div id="joqo1"></div></optgroup></center></dfn><tt id="joqo1"><i id="joqo1"><menuitem id="joqo1"><fieldset id="joqo1"></fieldset></menuitem></i></tt><span id="joqo1"><form id="joqo1"><legend id="joqo1"><rp id="joqo1"></rp></legend></form></span><thead id="joqo1"><li id="joqo1"><ol id="joqo1"></ol></li></thead><label id="joqo1"></label><strong id="joqo1"></strong></div> </html>