HTML

 一.操做思想

• • 使用標籤把要操做的數據包起來，經過修改標籤的屬性值，實現標籤內數據樣式的變化​

    

二.font標籤

• • 屬性 size
    取值範圍1-7
  • 屬性 color
    英文單詞 或 十六進制書(如#ffffff是白色)​

 

三.標題標籤

• • <h1></h1>......<h6></h6>
    從h1到h6愈來愈小，自動換行​

 

四.註釋

• • <!-- html的註釋 -->

 

五.列表標籤

• • 自定義
    <dl>​ <dt></dt>​ <dd></dd> ​</dl>
  • 有序
    <ol>​ <li></li> ​</ol>
  • 無序
    <ul>​ <li></li> ​<ul>

 

六.圖像標籤

• • <img src="圖片的路徑" width=「」 height=「」 alt=""/>
    alt，瀏覽器兼容性不好

 

七.路徑（相對路徑）

• • 在同一級目錄下--直接寫
  • 在下一級目錄--images/1.jpg
  • 在上層目錄--../

 

八.超連接標籤

• • <a href="路徑">顯示在頁面上的內容</a>
    打開方式--targer="_self _blank";默認是在當前頁面打開

 

九.表格標籤

• • <table> <tr>​ <td></td> <th></th>​ //th和td差很少，可是能夠加粗居中 </tr>​​</table>​

 

十.表單標籤

• • <form>...</form>
    • action：提交到的目標地址
    • method：提交方式
      經常使用的有get和post，他們的區別是：......
    • enctype：上傳的時候使用
  • 輸入項
    • 下拉框
      <select name=""> <option value=""></option>​</select>​
      • onchange：改變內容（通常和select一塊兒使用
    • 按鈕
      <button> </button> 
    • 文本域
      <textarea cols="" rows="" name=""></textarea>
    • 普通輸入項 <input type="text"/>
      method---提交表單所用的 HTTP 方法,readonly---規定輸入字段爲只讀,action---提交的目標地址
      • type屬性
        range,text,url,data,color,month,number,image等
        • 單選框 radio；多選框 checkbox；按鈕 botton
        • 提交 submit；密碼 password；查詢 search
        • 隱藏項 type="hidden"
      • value---規定輸入字段的初始值,
      • onclick：鼠標點擊事件
      • name,disable,size,maxlength 等
  • 表單提交的方式
    • 使用屬性type=submit提交
      <input type="submit" />
    • 使用button提交
      <input type="button" value="提交" onclick=form1() />​​ function form1() { //獲取form var form1 = document.getElementById("form1"); //設置action form1.action = "hello.html"; //提交form表單 form1.submit(); }
    • 使用超連接提交
      <a href="hello.html?username=123456">使用超連接提交</a>

 

十一.div和span

    

十二.框架標籤

• • <frameset rows="80,*"> //把頁面劃分紅上下兩部分​ <frame name="top" src="a.html">​ //上面的頁面​ <frameset cols="150,*"> //把下面部分劃分左右兩部分 ​<frame name="lower_left" src="b.html"> //左邊的頁面 <frame name="lower_right" src="c.html"> //右邊的頁面​​​ </frameset>​</frameset>​
  • <frameset>
    • row：按照行進行劃分
    • cols：按照列進行劃分
  • <frame>
    • 具體顯示的頁面