初识javaweb

初识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>