整合營(yíng)銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          HTML基礎(chǔ)的 <u> 標(biāo)簽

          使用 <u> 標(biāo)簽為文本添加下劃線:

          <p>This is a <u>parragraph</u>.</p>


          瀏覽器支持

          所有主流瀏覽器都支持 <u> 標(biāo)簽。


          標(biāo)簽定義及使用說明

          <u> 標(biāo)簽定義與常規(guī)文本風(fēng)格不同的文本,像拼寫錯(cuò)誤的單詞或者漢語(yǔ)中的專有名詞。


          提示和注釋

          提示:請(qǐng)盡量避免使用 <u> 為文本加下劃線,用戶會(huì)把它混淆為一個(gè)超鏈接。

          注釋:HTML5 規(guī)范建議開發(fā)者盡量使用其他元素替代 <u> 元素。


          HTML 4.01 與 HTML5之間的差異

          在 HTML 中,<u>元素 已廢棄(<u> 元素被用來定義下劃線)。

          HTML5 中重新定義了 <u> 元素,它定義與常規(guī)文本風(fēng)格不同的文本,像拼寫錯(cuò)誤的單詞或者漢語(yǔ)中的專有名詞。


          全局屬性

          <u> 標(biāo)簽支持 HTML 的全局屬性。


          事件屬性

          <u> 標(biāo)簽支持 HTML 的事件屬性。

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          1.html中文問題

          <head>
          <meta http-equiv="Content-Type" content="text/html; charset=GB2312">
          </head> 
          

          2.標(biāo)簽

          <p> 這是一個(gè)開始標(biāo)簽 
          </p> 這是一個(gè)結(jié)束標(biāo)簽 
          <p> Hello World </p> 標(biāo)簽之間的文本叫做內(nèi)容
          <h1>大標(biāo)題</h1>
          <h2>小一點(diǎn)的標(biāo)題</h2>
          <h3>再小一點(diǎn)的標(biāo)題</h3>
          <h4>更小一點(diǎn)的標(biāo)題</h4>
          

          3.元素

          <html> 頭標(biāo)簽
           
           <body> 身體標(biāo)簽 
           
           <h1>標(biāo)題</h1> 
           <br/> 換行
          <hr/> 水平線
          <p>段落表示</p> 
           </body>
           
          </html>
          

          4.屬性

          <h1 align="center">居中標(biāo)題</h1>
          寫在開始標(biāo)簽里的 align="center" 就叫屬性 
          align 是屬性名 
          center 是屬性值 
          屬性值應(yīng)該使用雙引號(hào)括起來
          

          5.注釋

          <!--注釋內(nèi)容-->
          

          6.標(biāo)題

          <h1>標(biāo)題1</h1>
          <h2>標(biāo)題2</h2>
          <h3>標(biāo)題3</h3>
          <h4>標(biāo)題4</h4>
          <h5>標(biāo)題5</h5>
          <h6>標(biāo)題5</h6>
          

          7.段落

          <p>段落1 </p>
          <p>段落2 </p>
          <p>段落3 </p>
          

          8.粗體--斜體

          <b>b標(biāo)簽粗體效果</b>
          <strong>strong標(biāo)簽粗體效果</strong> <br/> <!--推薦使用-->
          <i>使用 i 標(biāo)簽帶來的斜體效果</i>
          <em>使用 em 標(biāo)簽帶來的斜體效果</em> <!--推薦使用-->
          

          9.預(yù)格式顯示Java代碼

          <pre>
          public class HelloWorld {
           
           public static void main(String[] args) {
           System.out.println("Hello World");
           }
          }
           
          </pre>
          

          10.刪除--下劃線

          <del>使用del標(biāo)簽實(shí)現(xiàn)的刪除效果</del>
          <ins>使用ins標(biāo)簽實(shí)現(xiàn)的下劃線效果</ins>
          

          11.圖像

          <img src="圖片路徑"/>
          <!--圖像大小-->
          <img width="200" height="200" src="圖片路徑"/>
          <!--圖像位置-->
          <div align="left">
           <img src="http://m.jungjaehyung.com/uploadfile/2024/0808/20240808041641251.gif"/>
          </div>
           
          <div align="center">
           <img src="http://m.jungjaehyung.com/uploadfile/2024/0808/20240808041641251.gif"/>
          </div>
           
          <div align="right">
           <img src="http://m.jungjaehyung.com/uploadfile/2024/0808/20240808041641251.gif"/>
          </div>
          <!--替換圖片文字,加載不出圖片時(shí)顯示文字-->
          <img src="http://how2j.cn/example_not_exist.gif" alt="這個(gè)是一個(gè)圖片" />
          

          12.超鏈接

          <a >12306</a>
          <!--target屬性表示在新頁(yè)面打開超鏈接-->
          <a  target="_blank">http://www.12306.com</a>
          <!--超鏈接上顯示文字-->
          <a  title="跳轉(zhuǎn)到http://www.12306.com">www.12306.com</a>
          <!--圖片超鏈接-->
          <a >
          <img src="http://m.jungjaehyung.com/uploadfile/2024/0808/20240808041641251.gif"/>
          </a>
          

          13.表格

          <!--
           table:表格
           tr:行
           td:列
           border:帶邊框的表格
           width:表格高度,px及像素的意思
           td-width:單元格寬度絕對(duì)值,也可用百分比顯示(50%)
           algin:單元格水平對(duì)齊(left,right,center)
           valgin:單元格垂直對(duì)齊(top,middle,bottom)
           colspan:水平合并
           rowspan:垂直合并
           bgcolor:背景顏色
          -->
          <table border="1" width="200px">
           <tr>
           <td width="50px">1</td>
           <td algin="center">居中</td>
           <td algin="left">靠左</td>
           <td algin="right">靠右</td>
           <td width="80%">1</td>
           <td valign="middle" >中間</td>
           <td valign="top" >頂部</td>
           <td valign="bottom" >底部</td>
           <td colspan="2" >1,2</td>
           <td rowspan="2">1,3</td>
           <td bgcolor="pink">b</td>
           </tr>
          </table> 
          

          14.列表

          <!--ul無(wú)序,ol有序-->
          <ul>
          <li>無(wú)序</li>
          <li>列表</li>
          </ul>
          <ol>
          <li>有序</li>
          <li>列表</li>
          </ol>
          

          15.div域span

          <!--
          div是塊元素,即自動(dòng)換行 
          常見的塊元素還有h1,table,p 
          span是內(nèi)聯(lián)元素,即不會(huì)換行 
          常見的內(nèi)聯(lián)元素還有img,a,b,strong
          業(yè)界通常結(jié)合css來控制頁(yè)面布局
          -->
          <div>
           第一個(gè)div
          </div>
           
          <div>
           第二個(gè)div <!--換行-->
          </div>
           
          <span>
           第一個(gè)span
          </span>
           
          <span>
           第二個(gè)span <!--不換行-->
          </span>
          

          16.字體

          <!--color表示顏色,size表示字體大小-->
          <font color="blue" size="+2">藍(lán)色大2號(hào)字體</font>
          

          17.內(nèi)聯(lián)框架

          <!--
          iframe相當(dāng)于瀏覽器里面有個(gè)小瀏覽器,在這個(gè)小瀏覽器中,打開另一個(gè)網(wǎng)頁(yè)
          -->
          <iframe src="http://how2j.cn/" width="600px" height="400px">
          </iframe>
          

          18.文本框

          <!--普通文本框-->
          <input type="text">
          <!--設(shè)置文本框長(zhǎng)度-->
          <input type="text" size="10">
          <!--初始值文本框-->
          <input type="text" value="有初始值的文本框">
          <!--有背景文字的文本框,使用屬性placeholder-->
          <input type="text" placeholder="請(qǐng)輸入賬號(hào)">
          

          19.密碼框

          <!--輸入的數(shù)據(jù)會(huì)自動(dòng)顯示為星號(hào)-->
          <input type="password">
          

          20.表單

          <!--
          action獲取數(shù)據(jù)提交后的頁(yè)面,初學(xué)者體驗(yàn)效果就好
          get和post的區(qū)別 
          get 
          是form默認(rèn)的提交方式 
          如果通過一個(gè)超鏈訪問某個(gè)地址,是get方式 
          如果在地址欄直接輸入某個(gè)地址,是get方式 
          提交數(shù)據(jù)會(huì)在瀏覽器顯示出來 
          不可以用于提交二進(jìn)制數(shù)據(jù),比如上傳文件 
          post 
          必須在form上通過 method="post" 顯示指定 
          提交數(shù)據(jù)不會(huì)在瀏覽器顯示出來 
          可以用于提交二進(jìn)制數(shù)據(jù),比如上傳文件
          -->
          <form action="http://how2j.cn/study/login.jsp">
          賬號(hào):<input type="text" name="name"> <br/>
          密碼:<input type="password" name="password" > <br/>
          <input type="submit" value="登陸">
          </form>
          

          21.單選框

          <!--兩個(gè)單選,都可以同時(shí)選中。但不能取消-->
          單選1 <input type="radio" >
          單選2 <input type="radio" >
          <!--checked默認(rèn)選中-->
          默認(rèn)選中 <input type="radio" checked="checked" >
          <!--多個(gè)可單選框,activity參數(shù)-->
          學(xué)習(xí)java<input type="radio" name="activity" value="學(xué)習(xí)java" > <br/>
          java<input type="radio" checked="checked" name="activity" value="tokyohot" > <br/>
          dota<input type="radio" name="activity" value="dota" > <br/>
          LOL<input type="radio" name="activity" value="lol"> <br/>
          

          22.復(fù)選框

          <!--復(fù)選框,checkbox-->
          學(xué)習(xí)java<input type="checkbox" value="學(xué)習(xí)java" > <br/>
          學(xué)習(xí)<input type="checkbox" checked="checked" name="activity" value="tokyohot" > <br/>
          dota<input type="checkbox" value="dota" > <br/>
          LOL<input type="checkbox" value="lol"> <br/>
          

          23.下拉列表

          <!--
          <select> 即下拉列表 
          需要配合<option>使用
          size:表示顯示高度
          multiple:可以用ctrl多選中
          selected:默認(rèn)選中
          -->
          <select size="2" multiple="multiple >
           <option >1</option>
           <option >2</option>
           <option selected="selected" >3</option>
          </select>
          

          24.文本域

          <!--
          文本域可以有多行,并且可以有滾動(dòng)條
          cols:顯示寬度
          rows:顯示行數(shù)
          -->
          <textarea cols="30" rows="8">abc
          def
          </textarea>
          

          25.普通按鈕

          <!--參數(shù)button,普通按鈕不具備提交from表單的效果-->
          <input type="button" value="一個(gè)按鈕">
          

          26.提交按鈕

          <!--
          <input type="submit"> 即為提交按鈕 
          用于提交form,把數(shù)據(jù)提交到服務(wù)端
          -->
          <form action="/study/login.jsp" method="get">
          賬號(hào):<input type="text" name="name"> <br/>
          密碼:<input type="password" name="password" > <br/>
          <input type="submit" value="登陸">
          </form>
          

          27.重置按鈕

          <!--
          <input type="reset"> 重置按鈕 可以把輸入框的改動(dòng)復(fù)原
          -->
          <form action="/study/login.jsp">
          賬號(hào):<input type="text" name="name"> <br/>
          密碼:<input type="password" name="password" > <br/>
          <input type="submit" value="提交">
          <input type="reset" value="重置">
          </form>
          

          28.圖像提交

          <!--<input type="image" > 即使用圖像作為按鈕進(jìn)行form的提交-->
          <form action="/study/login.jsp">
          賬號(hào):<input type="text" name="name"> <br/>
          密碼:<input type="password" name="password" > <br/>
          <input type="image" src="http://m.jungjaehyung.com/uploadfile/2024/0808/20240808041641251.gif">
          </form>
          

          29.按鈕

          <!--
          <button></button>即按鈕標(biāo)簽 
          與<input type="button">不同的是,<button>標(biāo)簽功能更為豐富 
          按鈕標(biāo)簽里的內(nèi)容可以是文字也可以是圖像 
          如果button的type=“submit” ,那么它就具備提交form的功能
          -->
          <form action="/study/login.jsp">
          賬號(hào):<input type="text" name="name"> <br/>
          密碼:<input type="password" name="password" > <br/>
          <button type="submit">登陸</button>
           
          </form>
          

          30.html綜合演示

          簡(jiǎn)單登陸注冊(cè)模板.html

          演示結(jié)果:

          超文本”就是指頁(yè)面內(nèi)可以包含圖片、鏈接,甚至音樂、程序等非文字元素。超文本標(biāo)記語(yǔ)言的結(jié)構(gòu)包括“頭”部分(英語(yǔ):Head)、和“主體”部分(英語(yǔ):Body),其中“頭”部提供關(guān)于網(wǎng)頁(yè)的信息,“主體”部分提供網(wǎng)頁(yè)的具體內(nèi)容。

          千鋒《全棧H5+》講解HTML會(huì)由淺入深帶入課堂案例中,使得學(xué)員在學(xué)習(xí)過程中學(xué)習(xí)到如何講基礎(chǔ)知識(shí)實(shí)際運(yùn)用到項(xiàng)目中。

          一、由來

          萬(wàn)維網(wǎng)上的一個(gè)超媒體文檔稱之為一個(gè)頁(yè)面(外語(yǔ):page)。作為一個(gè)組織或者個(gè)人在萬(wàn)維網(wǎng)上放置開始點(diǎn)的頁(yè)面稱為主頁(yè)(外語(yǔ):Homepage)或主頁(yè),主頁(yè)中一般包含有指向其他相關(guān)頁(yè)面或其他節(jié)點(diǎn)的指針(超級(jí)鏈接),所謂超級(jí)鏈接,就是一種統(tǒng)一資源定位器(Uniform Resource Locator,外語(yǔ)縮寫:URL)指針,經(jīng)過激活(點(diǎn)擊)它,可使瀏覽器方便地獲取新的網(wǎng)頁(yè)。這也是HTML獲得廣泛應(yīng)用的最重要的原因之一。在邏輯上將視為一個(gè)全體的一系列頁(yè)面的有機(jī)調(diào)集稱為網(wǎng)站(Website或Site)。超級(jí)文本標(biāo)記語(yǔ)言(英文縮寫:HTML)是為“網(wǎng)頁(yè)創(chuàng)建和其它可在網(wǎng)頁(yè)瀏覽器中看到的信息”設(shè)計(jì)的一種標(biāo)記語(yǔ)言。

          網(wǎng)頁(yè)的實(shí)質(zhì)便是超級(jí)文本標(biāo)記言語(yǔ),通過結(jié)合使用其他的Web技術(shù)(如:腳本言語(yǔ)、公共網(wǎng)關(guān)接口、組件等),能夠創(chuàng)造出功能強(qiáng)大的網(wǎng)頁(yè)。因而,超級(jí)文本標(biāo)記言語(yǔ)是萬(wàn)維網(wǎng)(Web)編程的根底,也便是說萬(wàn)維網(wǎng)是建立在超文本根底之上的。超級(jí)文本標(biāo)記言語(yǔ)之所以稱為超文本標(biāo)記言語(yǔ),是因?yàn)槲谋局邪怂^“超級(jí)鏈接”點(diǎn)。

          二、定義

          超級(jí)文本標(biāo)記語(yǔ)言是標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用,也是一種規(guī)范,一種標(biāo)準(zhǔn)。

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

          超級(jí)文本符號(hào)言語(yǔ)文檔制造不是很雜亂,但功能強(qiáng)大,支持不同數(shù)據(jù)格式的文件鑲?cè)耄@也是萬(wàn)維網(wǎng)(WWW)盛行的原因之一,其主要特色如下:

          1、簡(jiǎn)易性:超級(jí)文本符號(hào)言語(yǔ)版本晉級(jí)采用超集方式,然后愈加靈活便利。

          2、渠道無(wú)關(guān)性:盡管個(gè)人計(jì)算機(jī)大行其道,但運(yùn)用MAC等其他機(jī)器的大有人在,超級(jí)文本符號(hào)言語(yǔ)可以運(yùn)用在廣泛的渠道上,這也是萬(wàn)維網(wǎng)(WWW)盛行的另一個(gè)原因。

          3、可擴(kuò)展性:超級(jí)文本符號(hào)言語(yǔ)的廣泛應(yīng)用帶來了加強(qiáng)功能,增加標(biāo)識(shí)符等要求,超級(jí)文本符號(hào)言語(yǔ)采納子類元素的方式,為體系擴(kuò)展帶來保證。

          4、通用性:另外,HTML是網(wǎng)絡(luò)的通用言語(yǔ),一種簡(jiǎn)單、通用的全置符號(hào)言語(yǔ)。它答應(yīng)網(wǎng)頁(yè)制造人建立文本與圖片相結(jié)合的雜亂頁(yè)面,這些頁(yè)面可以被網(wǎng)上任何其他人閱讀到,無(wú)論運(yùn)用的是什么類型的電腦或閱讀器。

          三、編輯

          它其實(shí)是文本,它需要瀏覽器的解釋,它的編輯器大體可以分為三種。

          基本文本、文檔編輯軟件,使用微軟自帶的記事本或?qū)懽职宥伎梢跃帉懀?dāng)然,如果你用WPS來編寫,也可以。不過存盤時(shí)請(qǐng)使用.htm或.html作為擴(kuò)展名,這樣就方便瀏覽器認(rèn)出直接解釋執(zhí)行了。

          推薦編輯器:Dreamweaver、HBuilder、Sublime Text代碼編輯器。

          一個(gè)網(wǎng)頁(yè)對(duì)應(yīng)多個(gè)HTML文件,超文本標(biāo)記語(yǔ)言文件以.htm(磁盤操作系統(tǒng)DOS限制的外語(yǔ)縮寫)為擴(kuò)展名或.html(外語(yǔ)縮寫)為擴(kuò)展名。可以使用任何能夠生成TXT類型源文件的文本編輯器來產(chǎn)生超文本標(biāo)記語(yǔ)言文件,只用修改文件后綴即可。

          標(biāo)準(zhǔn)的超文本標(biāo)記語(yǔ)言文件都具有一個(gè)基本的整體結(jié)構(gòu),標(biāo)記一般都是成對(duì)出現(xiàn)(部分標(biāo)記除外例如:<br/>),即超文本標(biāo)記語(yǔ)言文件的開頭與結(jié)尾標(biāo)志和超文本標(biāo)記語(yǔ)言的頭部與實(shí)體兩大部分。有三個(gè)雙標(biāo)記符用于頁(yè)面整體結(jié)構(gòu)的確認(rèn)。

          標(biāo)記符<html>,說明該文件是用超文本標(biāo)記語(yǔ)言(本標(biāo)簽的中文全稱)來描述的,它是文件的開頭;而</html>,則表示該文件的結(jié)尾,它們是超文本標(biāo)記語(yǔ)言文件的開始標(biāo)記和結(jié)尾標(biāo)記。

          <head></head>;這2個(gè)標(biāo)記符分別表示頭部信息的開始和結(jié)尾。頭部中包含的標(biāo)記是頁(yè)面的標(biāo)題、序言、說明等內(nèi)容,它本身不作為內(nèi)容來顯示,但影響網(wǎng)頁(yè)顯示的效果。頭部中最常用的標(biāo)記符是標(biāo)題標(biāo)記符和meta標(biāo)記符,其中標(biāo)題標(biāo)記符用于定義網(wǎng)頁(yè)的標(biāo)題,它的內(nèi)容顯示在網(wǎng)頁(yè)窗口的標(biāo)題欄中,網(wǎng)頁(yè)標(biāo)題可被瀏覽器用作書簽和收藏清單。

          設(shè)置文檔標(biāo)題和其它在網(wǎng)頁(yè)中不顯示的信息,比如direction方向、語(yǔ)言代碼Language Code(實(shí)體定義!ENTITY % i18n)、指定字典中的元信息、等等。


          <body></body>;,網(wǎng)頁(yè)中顯示的實(shí)際內(nèi)容均包含在這2個(gè)正文標(biāo)記符之間。正文標(biāo)記符又稱為實(shí)體標(biāo)記。





          超文本標(biāo)記語(yǔ)言(第一版)——在1993年6月作為互聯(lián)網(wǎng)工程工作小組(IETF)工作草案發(fā)布(并非標(biāo)準(zhǔn)):

          HTML 2.0——1995年11月作為RFC 1866發(fā)布,在RFC 2854于2000年6月發(fā)布之后被宣布已經(jīng)過時(shí)

          HTML 3.2——1997年1月14日,W3C推薦標(biāo)準(zhǔn)

          HTML 4.0——1997年12月18日,W3C推薦標(biāo)準(zhǔn)

          HTML 4.01(微小改進(jìn))——1999年12月24日,W3C推薦標(biāo)準(zhǔn)

          HTML 5——2014年10月28日,W3C推薦標(biāo)準(zhǔn)[4] (詳見本處參考資料)

          ISO/IEC 15445:2000(“ISO HTML”)——2000年5月15日發(fā)布,基于嚴(yán)格的HTML 4.01語(yǔ)法,是國(guó)際標(biāo)準(zhǔn)化組織和國(guó)際電工委員會(huì)的標(biāo)準(zhǔn)。

          Wijmo是基于HTML5、jQuery、CSS3和SVG的一個(gè)控件包,能夠滿足構(gòu)建當(dāng)今Web系統(tǒng)的需求。基于Wijmo,您的系統(tǒng)運(yùn)行將更加快速和流暢,外觀也會(huì)更加引人入勝。Wijmo中所有新的控件都是在符合最新的UI設(shè)計(jì)潮流的基礎(chǔ)上,對(duì)新的以及改良后的主題進(jìn)行封裝。優(yōu)美的、專業(yè)的控件外觀會(huì)讓您的應(yīng)用程序引人注目。比如 ComponentOne Studio for ASP .NET Wijmo 控件包內(nèi)置的6個(gè)主題,同時(shí)可以使用jQuery UI項(xiàng)目提供的 30 多個(gè)主題,甚至可以使用 ThemeRoller 創(chuàng)建屬于您自己的系統(tǒng)主題。

          HTML沒有1.0版本是因?yàn)楫?dāng)時(shí)有很多不同的版本。有些人認(rèn)為蒂姆·伯納斯-李的版本應(yīng)該算初版,這個(gè)版本沒有IMG元素。當(dāng)時(shí)被稱為HTML+的后續(xù)版的開發(fā)工作于1993年開始,最初是被設(shè)計(jì)成為“HTML的一個(gè)超集”。第一個(gè)正式規(guī)范為了和當(dāng)時(shí)的各種HTML標(biāo)準(zhǔn)區(qū)分開來,使用了2.0作為其版本號(hào)。HTML+的發(fā)展繼續(xù)下去,但是它從未成為標(biāo)準(zhǔn)。

          HTML3.0規(guī)范是由當(dāng)時(shí)剛成立的W3C于1995年3月提出,提供了很多新的特性,例如表格、文字繞排和復(fù)雜數(shù)學(xué)元素的顯示。雖然它是被設(shè)計(jì)用來兼容2.0版本的,但是實(shí)現(xiàn)這個(gè)標(biāo)準(zhǔn)的工作在當(dāng)時(shí)過于復(fù)雜,在草案于1995年9月過期時(shí),標(biāo)準(zhǔn)開發(fā)也因?yàn)槿狈g覽器支持而中止了。3.1版從未被正式提出,而下一個(gè)被提出的版本是開發(fā)代號(hào)為Wilbur的HTML 3.2,去掉了大部分3.0中的新特性,但是加入了很多特定瀏覽器,例如Netscape和Mosaic的元素和屬性。HTML對(duì)數(shù)學(xué)公式的支持最后成為另外一個(gè)標(biāo)準(zhǔn)MathML。

          HTML 4.0同樣也加入了很多特定瀏覽器的元素和屬性,但是同時(shí)也開始“清理”這個(gè)標(biāo)準(zhǔn),把一些元素和屬性標(biāo)記為過時(shí),建議不再使用它們。HTML的未來和CSS結(jié)合會(huì)更好。

          HTML 5草案的前身名為Web Applications 1.0。于2004年被WHATWG提出,于2007年被W3C接納,并成立了新的HTML工作團(tuán)隊(duì)。在2008年1月22日,第一份正式草案發(fā)布。

          XHTML1.0——發(fā)布于2000年1月26日,是W3C推薦標(biāo)準(zhǔn),后來經(jīng)過修訂于2002年8月1日重新發(fā)布。

          XHTML 1.1,于2001年5月31日發(fā)布,W3C推薦標(biāo)準(zhǔn)。

          XHTML 2.0,W3C工作草案。

          XHTML 5,從XHTML 1.x的更新版,基于HTML 5草案。

          HTML4.01 是常見的版本。



          在編輯超文本標(biāo)記語(yǔ)言文件和使用有關(guān)標(biāo)記符時(shí)有一些約定或默認(rèn)的要求。文本標(biāo)記語(yǔ)言源程序的文件擴(kuò)展名默認(rèn)使用htm(磁盤操作系統(tǒng)DOS限制的外語(yǔ)縮寫為擴(kuò)展名)或html(外語(yǔ)縮寫為擴(kuò)展名),以便于操作系統(tǒng)或程序辨認(rèn),除自定義的漢字?jǐn)U展名。在使用文本編輯器時(shí),注意修改擴(kuò)展名。而常用的圖像文件的擴(kuò)展名為gif和jpg。

          超文本標(biāo)記語(yǔ)言源程序?yàn)槲谋疚募淞袑捒刹皇芟拗疲炊鄠€(gè)標(biāo)記可寫成一行,甚至整個(gè)文件可寫成一行;若寫成多行,瀏覽器一般忽略文件中的回車符(標(biāo)記指定除外);對(duì)文件中的空格通常也不按源程序中的效果顯示。完整的空格可使用特殊符號(hào)(實(shí)體符)“ (注意此字母必須小寫,方可空格)”表示非換行空格;表示文件路徑時(shí)使用符號(hào)“/”分隔,文件名及路徑描述可用雙引號(hào)也可不用引號(hào)括起。

          標(biāo)記符中的標(biāo)記元素用尖括號(hào)括起來,帶斜杠的元素表示該標(biāo)記說明結(jié)束;大多數(shù)標(biāo)記符必須成對(duì)使用,以表示作用的起始和結(jié)束;標(biāo)記元素忽略大小寫,即其作用相同,但完整的空格可使用特殊符號(hào)“ (注意此字母必須小寫,方可空格)”;許多標(biāo)記元素具有屬性說明,可用參數(shù)對(duì)元素作進(jìn)一步的限定,多個(gè)參數(shù)或?qū)傩皂?xiàng)說明次序不限,其間用空格分隔即可;一個(gè)標(biāo)記元素的內(nèi)容可以寫成多行。標(biāo)記符號(hào),包括尖括號(hào)、標(biāo)記元素、屬性項(xiàng)等必須使用半角的西文字符,而不能使用全角字符。

          HTML注釋由"<!--"號(hào)開始,由符號(hào)”-->“結(jié)束結(jié)束,例如<!--注釋內(nèi)容-->。注釋內(nèi)容可插入文本中任何位置。任何標(biāo)記若在其最前插入驚嘆號(hào),即被標(biāo)識(shí)為注釋,不予顯示。


          XHTML常用標(biāo)記

          1、文本標(biāo)題(h1-h6)

          <h1>一級(jí)標(biāo)題</h1>

          <h2>二級(jí)標(biāo)題</h2>

          ...

          <h6>六級(jí)標(biāo)題</h6>

          2、傾斜:傾斜標(biāo)記

          (1)<em></em>

          (2)<i></i>

          3、 段落(p)

          <p>段落文本內(nèi)容</p>

          標(biāo)識(shí)一個(gè)段落(段落與段落之間有段間距)

          4、加粗:有兩個(gè)標(biāo)記

          (1)<b>加粗內(nèi)容</b>

          (2)<strong>加粗內(nèi)容</strong>

          5、列表(ul,ol,dl)

          HTML中有三種列表,分別是:無(wú)序列表,有序列表,自定義列表。

          *無(wú)序列表

          無(wú)序列表組成:

          <ul>

          <li></li>

          <li></li>

          <li></li>

          ......

          </ul>

          *有序列表

          有序列表組成:

          <ol>

          <li></li>

          <li></li>

          <li></li>

          ......

          </ol>

          *自定義列表

          <dl>

          <dt>名詞</dt>

          <dd>解釋</dd>

          ......

          </dl>

          6、插入圖片

          <img src="目標(biāo)文件路徑及全稱" alt="圖片替換文本" title="圖片標(biāo)題" />

          7、超鏈接的應(yīng)用

          語(yǔ)法:

          <a href="目標(biāo)文件路徑及全稱/連接地址" title="提示文本">鏈接文本/圖片</a>

          8、數(shù)據(jù)表格的作用及組成

          *作用:顯示數(shù)據(jù)

          <table width="value" height="value" border="value" bgcolor="value" cellspacing="value" cellpadding="value">

          <tr>

          <td></td>

          <td></td>

          </tr>

          </table>

          注:個(gè)tr表示一行;一個(gè)td表示一列(一個(gè)單元格)

          *數(shù)據(jù)表格的相關(guān)屬性

          1)width="表格的寬度"

          2)height="表格的高度"

          3)border="表格的邊框"

          4)bgcolor="表格的背景色"

          5)cellspacing="單元格與單元格之間的間距"

          6)cellpadding="單元格與內(nèi)容之間的空隙"

          7)對(duì)齊方式:align="left/center/right";

          8)合并單元格屬性:

          colspan=“所要合并的單元格的列數(shù)"合并列;

          rowspan=“所要合并單元格的行數(shù)”合并行;

          9、表單的應(yīng)用

          表單的作用:用來收集用戶的信息的;

          *表單框

          <form name="表單名稱" method="post/get" action="">

          </form>

          1)文本框

          <input type="text" value="默認(rèn)值"/>

          2)密碼框

          <input type="password" />

          3)提交按鈕

          <input type="submit" value="按鈕內(nèi)容" />

          4)重置按鈕

          <input type="reset" value="按鈕內(nèi)容" />

          5)單選框/單選按鈕

          <input type="radio" name="ral" />

          <input type="radio" name="ral" />

          <input type="radio" name="ral" checked="checked" />(默認(rèn)選中;)

          6)復(fù)選框

          <input type="checkbox" name="like" />

          <input type="checkbox" name="like" disabled="disabled" /> (disabled="disabled" :禁用)

          (checked="checked" :默認(rèn)選中)

          7)下拉菜單

          <select name="">

          <option>菜單內(nèi)容</option>

          </select>

          8)多行文本框(文本域)

          <textarea name="textareal" cols="字符寬度" rows="行數(shù)">

          </textarea>

          9)按鈕

          <input name="'" type="button" value=“按鈕內(nèi)容” />

          (他和submit的區(qū)別是 ,submit是提交按鈕 起到提交信息的作用,button只起到跳轉(zhuǎn)的作用,不進(jìn)行提交。)

          div的用法

          <div id="id名" / class="class名"></div>

          文檔區(qū)域,文檔布局對(duì)象

          span的用法

          <span></span>文本結(jié)點(diǎn)(某一小段文本,或是某一個(gè)字)


          主站蜘蛛池模板: 少妇激情av一区二区| 亚洲伦理一区二区| 在线免费视频一区| 五十路熟女人妻一区二区 | 精品亚洲AV无码一区二区三区| 精品无码av一区二区三区| 秋霞无码一区二区| 成人国产一区二区三区| 国精产品999一区二区三区有限| 国产成人久久一区二区三区| 日本精品一区二区三本中文| 一夲道无码人妻精品一区二区| 久久国产一区二区| 日韩高清一区二区三区不卡| 日本免费电影一区二区 | 精品国产一区AV天美传媒| www一区二区三区| 日本高清天码一区在线播放| 国产在线一区二区在线视频| 精品国产高清自在线一区二区三区 | 人妻体内射精一区二区| 97人妻无码一区二区精品免费 | 日韩av无码一区二区三区| 国产av熟女一区二区三区| 久久久久国产一区二区 | 国产一区二区三区不卡在线看| 免费无码AV一区二区| 亚洲av乱码一区二区三区| 国产精品99无码一区二区| 日韩高清一区二区| 亚洲国产AV无码一区二区三区| 日本一区二区三区在线观看| 精品天海翼一区二区| 国产精品视频免费一区二区三区 | 国产精品一区在线观看你懂的| 国产美女视频一区| 精品视频一区在线观看| 视频在线一区二区三区| 亚洲AV无码一区二区三区系列| 乱码精品一区二区三区| 国产一区中文字幕|