javaweb day1

html格式化代码 cirl + shift + f

html 一些标签

<a></a>超链接 <a href = "">
<p></p>段落
<h1></h1>......标题
<table></table>表格
<img src = "">图片
<tr></tr>行
<td></td>列
<div></div>区域
<form></form>表单

<input type = "" value = "" name = "">
type{hidden(不见了) radio（单选框）checkbox（复选框）
text（文本框）password（密码框）submit（提交按钮）}

<ul>列表无序（type）决定展示的样式
<li></li>
</ul>
<ol>列表有序
<li></li>
</ol>
<br/>换行
<hr/>一条平行线

css (样式样式优先级)

行内样式 >内部样式 >外部样式

标签选择器的优先级

id选择器 >class选择器 >标签选择器

javascript

js关键字——>function

声明函数使用function关键字，不需要指定返回值类型，形参也不需要指定类型
先声明，再调用
函数也可以当作参数来传递
函数带上括号是调用，不带括号是传递。

form表单实操（加一个超链接）：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <div>
        <a href="演示.html">好美的天空</a>
        </div>
        <!-- 表单 -->
        用户名：<input type="text" name="userName" /><br />
        密码：<input type="password" name = "password" /><br />
        性别：
        <input type="radio" name="gender" value="boy" checked="checked" />男
        <input type="radio" name="gender" value="girl">女<br />
        爱好：
        <input type="checkbox" name="habit" value="commputergame" />电脑游戏
        <input type="checkbox" name="habit" values="swimming" />游泳
        <input type="checkbox" name="habit" value="java" />java
    </body>
</html>

结果如下：

image.png

JavaScript基本语法实操：
变量：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript">
        
            //01.使用var关键字声明变量，声明时不需要指定类型
            var a = 20;
            var b = 'abc';
            var c = true;
            
            alert(a+" "+b+" "+c);
            
            //02.变量在使用过程中可以接受不同类型的值
            a = "Hello";
            b = 230.53;
            c = ["good",true,20];
            
            alert(a+" "+b+" "+c);
            </script>
    </head>
    <body>
    </body>
</html>

结果如下：

image.png

函数：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript">
            
            //01.声明函数使用function关键字，不需要指定返回值类型，形参也不需要指定类型
            function sum(a,b){
                return a+b;
            }
            
            //02.调用函数：不检查实参的类型，个数
            var result = sum(5,10);
            alert(result);
            
            result = sum("Hello ","Tom");
            alert(result);
            
            result = sum("Hello ");
            alert(result);
        
        </script>
    </head>
    <body>
    </body>
</html>

结果如下：

image.png

object：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript">
            
            //在JavaScript中创建对象
            //1.new Object()
            var objByNew = new Object();
            objByNew.userName = "Tom2014";
            objByNew.password = "123456";
            
            alert(objByNew.userName+" "+objByNew.password);
            
            //2.JSON格式
            //{属性名01:属性值01,属性名02:属性值02,...}
            var objByJSON = {
                    userName : "Jerry",
                    password : "654321"
                };
            window.alert(objByJSON.userName+" "+objByJSON.password);
        
        </script>
    </head>
    <body>
    </body>
</html>

结果如下：

image.png