HTML

來源:互聯網
上載者:User

標籤:html

HTML:一、基本介紹:1、什麼是HTML?超文字標記語言 (HTML):超文本:比普通文本多了一些功能標記語言:用來編輯文本的特殊語言,不是開發語言 2、和XML比較:文本標記語言:XML1、開始標籤<name>結束標籤</name>自結束標籤<name/>=<name></name>空標籤2、可自行擴充標籤3、可自行擴充屬性、子標籤4、大小寫敏感  eg:<name></Name> 這是錯的5、唯一根標籤 HTML:1、開始標籤、結束標籤、自結束標籤標籤必須遵守特定規範(w3c)http://www.w3school.com.cn/   中文網站2、大小寫隨意,推薦使用小寫3、唯一根標籤 <html></html>     二、怎麼用HTML?(用法)推薦IDE:  EditPlus、Eclipse、MyEclipse建立檔案 --> xxx .html<!DOCTYPE html> HTML  5  標準文檔規範(簡寫)最寬鬆的規範:自動容錯,是不確定的根標籤:<html></html><meta><title><head><body>:文字標籤:h1:hn   n:1-6 文本標題,內建換行合并空格:如果有連續多個空格,將合并成一個P:段落標籤,內建換行逸出字元:  空格< 小於符號> 大於符號& ”and”符號使用逸出字元實現Unicode編碼的轉義:中  --> 中<div>:塊元素,本身內建換行,作用為了劃分地區整個網頁元素,基本由div組成(不推薦使用換行<br/>)<span>:行內元素,span 行內元素:不帶換行,對整體效果不會產生影響作用:單純用來劃分地區,單獨的區分或修飾,以便於後期使用CSS修飾通常加id屬性:當前頁面中唯一 圖片:不內建換行路徑(推薦相對路徑),寬度,高度(不內建換行)要換行,可加div;<img src=” ”  width=” ”  height=” ”/>  超連結:不內建換行<a href=” 連結地址 ”>載體</a>1、連結地址:相對路徑:在應用內部跳轉使用 (比如百度裡跳轉)絕對路徑:友情連結(http://www.baidu.com)不加http,會預設為相對路徑;要給hn,p加超連結,就在標籤內部加<a><a/>target:頁面跳轉方式_self:原頁面跳轉(預設)_blank:新頁面跳轉_parent:       _top:span  img    a  :行內元素(不內建換行),可以在hn,p中加這些標籤2、錨點:(本頁面)頁面頂部預設錨點:#添加錨點:<a name=”one”>內容<a/>跳轉錨點:<a href=”#one”>載體<a/>       點擊載體可跳轉至內容那裡demo06.html#name可以跳到其他網頁的錨點 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++<b><b/>:加粗<br>:換行<em><em/>:強調(傾斜)<strong>:強調(加粗)<pre>:會按照你寫的格式換行+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 列表:有序列表:<ol type=”a” start=”1”></ol>  type表示類型,預設為數字,可以是A,a,1,;start必須是數字無序列表:<ul type=”circle”></ul>disc:為預設的實心圓;square:正方形circle:空心圓列表間可互相嵌套用處:導航、目錄 <frameset rows=”10%,50%,40%”>   分為上中下三塊<frame src=”  ”></frame><frameset cols=” 30%,70%”>  百分數表示所佔比例<frame src=”  ”></frame><frame src=”  ”></frame>   第二塊分為左右兩部分</frameset><frame src=”  ”></frame></frameset>配合超連結<a>使用,在第二塊中點擊超連結在第一塊顯示,則在第一塊裡加一個name=”XXX”;在第二塊超連結中加target=”XXX” 表格:(後台管理)<table  border=”1”  align=”表格在頁面的位置”><tr>代表行   <td>代表列border 屬性規定規定圍繞表格的邊框的寬度;width,height:整個的寬和高colspan:占幾列;   rowspan:占幾行cellpadding:表格內部內容和邊框的距離cellspacing:相鄰內邊框間的距離,如果為0,則只看到一條邊框<table  border=”1”  align=”表格在頁面的位置”><caption></caption>表格的標題,表的頂部<thead><th></th></thead> 表頭(置中) <tbody  align=”資料在表格中的位置”><tr><td></td></tr></tbody><tfoot><th></th></tfoot> 表尾(置中)</table>不會因為書寫位置而改變布局,會預設表頭在最前面,表尾在最後。 表單:formform action method=”post  get”A.Post方式提交效能高於get方式提交trueB.Post方式提交資料,表單資料大小沒限制,get有限制(1024個位元組)trueC.Post方式提交資料,資料會在地址欄顯示,get方式提交不會在地址欄顯示 falseD.Post方式提交資料,資料不會在地址欄顯示,get方式提交會在地址欄顯示 true Input   type=”test  password  reset  button  submit  radio  file  checkbox”name=”” 伺服器接收表單資訊時使用value=“” 伺服器接收的表單值輸入框提示placeholder輸入框字元個數限制  maxlengthradio設定預設值checkedCheckbox 設定預設值  checkedLabel<input type="checkbox" name="like" value="study" id="study"><label for="study">學編程</label>Label用來綁定“學編程”和“checkbox”Select - name,  option - value選項全部顯示size   多選multiple   設定預設選項selected多選框下拉式清單  select -- optionInput裡的其他屬性  hidden隱藏地區:內容不顯示作用:向伺服器發送隱藏資訊<input type="hidden" name="id" value="12">看不到,但發送時仍會發送“id=12”

本文出自 “Java學習” 部落格,請務必保留此出處http://12181171.blog.51cto.com/12171171/1961549

HTML

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

Tags Index: