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