初识javaweb
HTML基础知识：
超链接<a href="www.baidu.com"> 请点击我！</a>
表单
<html> <title>javaweb学习</title> <head> </head> <body> <h1 align="center">如何学好javaweb</h1> <a href="http://www.baidu.com" >请点击我</a> <div> 123</div> <!--表单 action为提交的地址--> <form action="http://www.baidu.com" method="GET/POST"> 用户名称<input type="text" name="username" value="wang" /> </br> 密码<input type="password" name="password" /> </br> <!--互斥单选 --> 用户性别： 男<input type="radio" name="gender" value="1" /> 女<input type="radio" name="gender" value="0" /> </br> <!--多选 --> 用户爱好：打篮球<input type="checkbox" name="hobby" value="playbasketball"/> 吃饭<input type="checkbox" name="hobby" value="eat"/> 睡觉<input type="checkbox" name="hobby" value="sleep"/> </br> <!--下拉菜单 --> 用户籍贯：<select name="province"> <option value="jl">吉林省</option> <option value="hlj">黑龙江省</option> <option value="ln">辽宁省</option> </select> </br> <!--提交，就会向action的值跳转 --> <input type="submit" name="注册"/> </form> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </body> </html>
CSS基础知识
<html>
<title>javaweb学习</title>
<head>
<link rel="stylesheet" type="text/css" href="my.css">
<style>
div{
width:300px;
heigth:300px;
border:2px solid red;
background-color:yellow;
}
#d2{
width:300px;
heigth:300px;
border:2px solid red;
background-color:green;
}
.d{
width:300px;
heigth:300px;
border:2px solid red;
background-color:red;
}
</style>
</head>
<body>
<h1 align="center">如何学好javaweb</h1>
<a href="http://www.baidu.com" >请点击我</a>
<!--表单 action为提交的地址-->
<form action="http://www.baidu.com" method="GET/POST">
用户名称<input type="text" name="username" value="wang" />
</br>
密码<input type="password" name="password" />
</br>
<!--互斥单选 -->
用户性别： 男<input type="radio" name="gender" value="1" />
女<input type="radio" name="gender" value="0" />
</br>
<!--多选 -->
用户爱好：打篮球<input type="checkbox" name="hobby" value="playbasketball"/>
吃饭<input type="checkbox" name="hobby" value="eat"/>
睡觉<input type="checkbox" name="hobby" value="sleep"/>
</br>
<!--下拉菜单 -->
用户籍贯：<select name="province">
<option value="jl">吉林省</option>
<option value="hlj">黑龙江省</option>
<option value="ln">辽宁省</option>
</select>
</br>
<!--提交，就会向action的值跳转 -->
<input type="submit" name="注册"/>
</br>
</br>
</br>
</br>
<!--样式是描述的页面的，因此要把它写到head里面，通过style来实现
给谁施加样式，元素选择器 div{}-->
<div> 第一个div</div>
</br>
<!--多个div采用id唯一标识(id选择器)来实现，在head中的style中#d2{}实现 -->
<div id="d2"> 第二个div</div>
</br>
<!--要实现 第三、四div都是一样的颜色，可以使用类选择器，在head中的style采用.d{}实现-->
<div class="d"> 第三个div</div>
</br>
<!--多个div采用id唯一标识来实现，在head中的style中#d2{}实现 -->
<div class="d"> 第四个div</div>
</br>
<!--也可以把css文件单独写一个文件，在head中引用,style之外，五六七为外部引用实现-->
<div class="ddd"> 第五个div</div>
</br>
<div class="ddd"> 第六个div</div>
</br>
<div class="ddd"> 第七个div</div>
</form>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</body>
</html>