初識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使用方法
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
