初识javaweb
- BS架构、CS架构
- 客户端与服务端交互采用HTTP协议
HTML基础知识：
超连接<a href="www.baidu.com"> 请点击我！</a>css
表单html
<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>
<!--要实现 第3、四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>
相关文章
- 1. javaWeb--(1)初识javaWeb
- 2. javaweb学习----1.初识javaweb
- 3. JavaWeb与JSP初识
- 4. 6.15-初识JSP、javaweb
- 5. JavaWeb-SpringSecurity初认识
- 6. JavaWeb-RESTful(一)_RESTful初认识
- 7. JavaWeb初识监听器
- 8. JavaWeb前端知识-CSS初级
- 9. JavaWeb学习总结第一篇--初识JavaWeb
- 10. 初学javaweb
- 更多相关文章...
- • 与传输层有关的基本知识 - TCP/IP教程
- • C# 多维数组 - C#教程
- • 适用于PHP初学者的学习线路和建议
- • Git可视化极简易教程 — Git GUI使用方法
相关标签/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
欢迎关注本站公众号,获取更多信息
