一、html版本
- HTML 1991年
- HTML+ 1993年
- HTML2.0 1995年
- HTML3.2 1997年
- HTML4.0.1 1999年
- XHTML1.0 2000年
- html5正式草案 2008年
- 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
標題標記:h1,h2,h3,h4,h5,h6【update 20161114】
文字修飾標記: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:頂層視窗開啟