html基礎總結版

最後更新：2014-10-09 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：style io ar for strong 檔案 sp div art

一、html版本

HTML 1991年
HTML+ 1993年
HTML2.0 1995年
HTML3.2 1997年
HTML4.0.1 1999年
XHTML1.0 2000年
HTML5 2012年
XHTML5 2013年

二、html標籤

開始標籤元素內容結束標籤

<body> content </body>

如果沒有元素內容的話，就是空元素，需要在開始標籤中進行關閉，如<br/>

br:break row換行

單標記有：<br/>,<hr/>,<img/><input/><meta/>,<link/>

三、常見HTML標記

結構標記：html,head,body

頭部標記：title,meta,link,style,base

文本修飾標記：font，b,i,u,strong

段落標記：p,hn,pre,marquee,br,hr,address,center,blockquote

列表標記：ul,ol,li,dl,dt,dd

超連結標記：a,map,area

映像及媒體元素標記：img,embed,object

表格標記：table,tr,td,th,tbody

表單標記：form,input,textarea,select,option,fieldset,legend,label

架構標記：frameset,frame,iframe

容器標記：div,span

四、html樣式引入

行內樣式
引入樣式
匯入樣式

五、html列表

無序列表ul，li
- 　　屬性：disc(實心圓)是預設的樣式
有序列表ol,li
- 　　屬性：注意start,可以不從1開始顯示，start="10"從10開始顯示
自訂欄表dl
- dt
- dd
嵌套列表

注意預設樣式：在無序列表中，預設第一層是disc,第二層是空心圓圈，第三層是實心方塊，以後都是實心方塊

六、表單

表單三要素：form,input,submit

<form>：點“提交”按鈕，提交表單相關資訊
<input>:收集使用者資訊,取值有10種

text:文本域
password:密碼域
file:檔案域
checkbox:複選框
radio：選項按鈕
button:普通按鈕
submit:提交按鈕
reset:重設按鈕
hidden:隱藏欄位
image:映像域（即映像按鈕）

<textarea>:多行文本域
<label>:為控制項定義標籤，通過for和控制項的id綁定
<fieldset>
<legend>
<select>配合下面的<option>用於下拉式清單（不設定size）或清單項目（設定size）。
<option>
<optgroup>
<button>

七、html架構

<frameset>在html5中已到期
<frame/>在html5中已到期
<iframe>html5仍然可用

注意用<iframe>時的超連結的target屬性

_blank:新視窗開啟
_parent:父視窗開啟
_self:自身視窗開啟
_top:頂層視窗開啟

html基礎總結版

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

html基礎總結版

聯繫我們

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support