html基礎總結版

starof發表於2014-10-08

一、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種
  1.  text:文字域
  2. password:密碼域
  3. file:檔案域
  4. checkbox:核取方塊
  5. radio:單選按鈕
  6. button:普通按鈕
  7. submit:提交按鈕
  8. reset:重置按鈕
  9. hidden:隱藏域
  10. 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:頂層視窗開啟

 

 

相關文章