Android第二十七天

時間 2019-11-11

原文原文鏈接

一：HTML5
    HTML(Hypertext Markup Language)超文本標記語言
    <!DOCTYPE html>
    <html>
       <head>
          <title>標題</title>
          <meta charset="字符集"/>
       </head>
       <body>
          網頁體內容
       </body>
    </html>

二：表單元素
    <form action="提交到服務器的路徑" method="get/post">
        <input type="text" value="提交的值" name="xxx"/> <br/> 
        <input type="password" value="提交的值" name="xxx"/> 
        <select value="提交給服務器的值">     
              <option value="sx">陝西省</option>
       <option value="sc">四川省</option>
       <option value="hn">湖南省</option>
        </select>
        <input type="radio" value="boy" name="sex"/> 
        <input type="checkbox" name="hobby" value="football" checked="true"/> <!--複選框--,同組的複選框name屬性一致>
        <input type="submit" value="註冊"/>
    </form>html

三：其餘經常使用標籤：
    <a href="鏈接路徑">超連接顯示內容</a>
    <img src="圖片路徑" alt="若是圖片加載失敗，顯示內容"/>
    <ul>              
       <li>顯示信息項1</li>
       <li>顯示信息項2</li>
       <li>顯示信息項3</li>
    </ul>
    <ol>              
       <li>顯示信息項1</li>
       <li>顯示信息項2</li>
       <li>顯示信息項3</li>
    </ol>
    <div></div>分區標籤
四：HTML5擴展標籤：
    <input type="email" name="xxx"/>   
    <input type="url" name="xxx"/>   
    <input type="number" name="num" min="最小值" max="最大值"/> 
    <input type="color" name="xxx"/> 
    <audio controls="controls">          
         <source src="/i/song.ogg" type="audio/ogg">
    </audio>
    <video src="movie.ogg" controls="controls"> 
    </video>數組

五：CSS （Cascading Style Sheets）層疊樣式表
    CSS選擇器：
    1.標籤選擇器
      標籤名{
         屬性名1:屬性值1;
         屬性名2:屬性值2;
         ...
      }
    2.類選擇器(class選擇器)
      .類名{
         屬性名1:屬性值1;
         屬性名2:屬性值2;
         ...
      }
    3.ID選擇器
         #ID名{
         屬性名1:屬性值1;
         屬性名2:屬性值2;
         ...
      }
      選擇器優先級：ID選擇器>類選擇器>標籤選擇器
        當選擇器優先級相同的狀況下，採用「就近原則」(最後一次出現的選擇器)服務器

六：JavaScript
JavaScript是一種腳本語言，主要針對客戶端開發。ide

    1.DOM document是用來訪問html元素的對象。
        document.getElementById("id名稱");   // 經過元素的ID獲取某個元素
        document.getElementsByName("name屬性值"); // 經過元素的name屬性值獲取若干元素
    元素的屬性：innerHTML 表示元素內部的html內容
    元素的方法：setAttribute("屬性名","屬性值");
                getAttribute("屬性名"); // 經過屬性名獲取屬性值
               函數

    2.函數的聲明
        function 函數名(xx,xx){
            // 函數體代碼
        }
    3.變量的聲明(JavaScript是弱類型的語言)
        var 變量名=變量值   eg: var a=5 var s="Hello JavaScript"post

    4.系統函數
      alert("警告消息"); // 彈出警告框
      confirm("確認消息內容"); // 確認框，返回布爾值
      parseInt("xxx"); // 將字符串轉化成整數
    5.數組
      var array=["aaa","bbb",...];
      for(var key in array){
           alert(array[key]);
      }url

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。