生活随笔
收集整理的這篇文章主要介紹了
Java Web 程序设计----基于SSM框架（正在更新中）
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
Java Web 程序設計----基于SSM框架
提示：主要用于個人學習、復習、查閱等。
文章目錄
提示：以下是本篇文章正文內容，下面案例可供參考
一、網頁前端開發基礎
HTML文檔結構
信息：
1.<html>標記，HTML文件中所有標記都放置在<html></html>中
2. <head></head>標記，頭標記，放置HTML文件信息（包含CSS樣式）
3. <title></title>標記，標題標記，定義網頁的標題
4. <body></body>標記，頁面主體
5. <br>換行標記，單獨出現，不成對
6. <p></p>段落標記，段前段后各添加一個空行
7. <h1></h1>到<h6></h6>為標題標記，級數越高，文字的字體也越大
8. <center></center>居中標記
9. <b></b>加粗
10. <ul></ul>創建一組無序列表，每個列表項項前使用<li>表示
11. <ol></ol>創建一組有序列表項前使用<li>表示
例：
<html><head><title>網頁標題
</title></head><body><center><b>黃鶴樓送孟浩然之廣陵
</b><br>故人西辭黃鶴樓，煙花三月下揚州.
<br>孤芳遠影碧空盡，唯見長江天際流.
<br></body></center>
</html>
<html><head><title>設置標題標記
</title></head><body><h1>java開發的三個方向
</h1><h2>java SE
</h2><p>主要用于桌面程序的開發。它是學習java EE和java ME的基礎。
</p><h2>java EE
</h2><p>主要用于網頁程序的開發。隨著互聯網的發展，越來越多的企業使用java語言來開發自己的網站，其中不乏世界500強企業。
</p><h2>java ME
</h2><p>主要用于嵌入式系統的開發。
</p></body>
</html>
<html><head><title>列表標記
</title></head><body>編程詞典有下面幾個品種
<p><ul><li>java
<li>VB
<li>VC
<li>.net
<li>C#
</ul></p><p><ol><li>java
<li>VB
<li>VC
<li>.net
<li>C#
</ol></p></body>
</html>
<table></table>表格標記，width設置設置表格寬度，border設置表格邊框，align設置對齊方式，bgcolor設置背景顏色；<caption></caption>表格標題；<th></th>表頭；<tr></tr>表格行標記；<td></td>單元格標記
<body><table width="318" height="167" border="1" align="center"><caption>學生考試成績單
</caption><tr><td align="center" valign="middle">姓名
</td><td align="center" valign="middle">語文
</td><td align="center" valign="middle">數學
</td><td align="center" valign="middle">英語
</td></tr><tr><td align="center" valign="middle">張三
</td><td align="center" valign="middle">89
</td><td align="center" valign="middle">99
</td><td align="center" valign="middle">86
</td></tr><tr><td align="center" valign="middle">李四
</td><td align="center" valign="middle">99
</td><td align="center" valign="middle">97
</td><td align="center" valign="middle">97
</td></tr><tr><td align="center" valign="middle">王五
</td><td align="center" valign="middle">80
</td><td align="center" valign="middle">87
</td><td align="center" valign="middle">86
</td></tr></table>
</body>
<form></form>表單標記。action用來指定處理表單數據程序的URL地址；method用于指定數據傳送到服務器的方式，分別為get和post,get表示輸入的數據追加到action后面，并傳送到服務器，post會將輸入的數據按照HTTP中的post傳輸方式傳送到服務器；name指定表單的名稱，onSubmit指定當用戶點擊提交按鈕時觸發的事件；target指定輸入數據顯示在哪個窗口<input>表單輸入標記，格式如下：
<input type="image" disabled="disabled" checked="checked" width="digit" height="digit" maxlength="digit" readonly="" size="digit" src="uri" usemap="uri" alt="" name="checkbox">
type屬性的屬性值：
可選值描述
| text | 文本框 |
| password | 密碼域 |
| file | 文件域 |
| radio | 單選按鈕 |
| checkbox | 復選按鈕 |
| submit | 提交按鈕 |
| reset | 重置按鈕 |
| button | 普通按鈕 |
| hidden | 隱藏域 |
| image | 圖像域 |
<input>標記的屬性:
屬性描述
| type | 輸入類型 |
| disabled | 字段不可用，也可指定空值 |
| checked | 用于type屬性為radio和checkbox的情況，字段是否被選中。屬性為空值可也指定為checked |
| width | 輸入字段的寬度，用于type屬性為image的情況下 |
| height | 輸入字段的寬度，用于type屬性為image的情況下 |
| maxlength | 可輸入文字的個數，用于type屬性為text和password情況下，默認沒有字數限制 |
| readonly | 輸入字段是否只讀，其屬性可以為空值，也可以指定為readonly |
| size | 用于指定輸入字段的寬度，當type值為text何password時，以文字個數為單位，當type為其他值時，以像素為單位 |
| src | 用于指定圖片來源，只有type為image時有效 |
| usemap | 為圖片設置熱點地圖，只有type屬性為image時有效。屬性值為URI,URI的格式為“#”+“標記的name屬性值”，例如name標記的name屬性值為Map，該URI為#Map |
| alt | 用于指定圖片無法顯示時顯示的文字，只有當type屬性為iamge時有效 |
| name | 由于指定輸入字段的名稱 |
| value | 由于指定輸入字段默認數據值，當type屬性為checkbox和radio時，不可省略此屬性，其他值時可以省略，當type屬性為button、reset和submit時，指定的是按鈕顯示的文字；當type屬性為checkbok和radio時，指定的是數據項選定的值 |
<select></select>下拉菜單標記，name為名稱屬性；size指定列表框中顯示的選項數量，超出改數量的選項可以通過拖動滾動條查看；disabled用于指定當前列表框不可使用；multiple用于讓列表框支持多選。使用<option>向列表框中添加內容<textarea>多行文本標記，name名稱屬性，cols列數（寬度），rows行數（高度），disabled不可使用，readonly只讀，wrap設置文字是否自動換行。
例：
<body><form action="" method="post" name="myform">用戶名：
<input name="username" type="text" maxlength="20">密碼：
<input name="pwd1" type="password" size="20" maxlength="20">性別：
<input name="sex" type="radio" value="男" checked>男
<input name="sex" type="radio" value="女">女愛好：
<input name="like" type="checkbox"value="體育">體育
<input name="like" type="checkbox" value="旅游">旅游
<input name="like" type="checkbox" value="看書">看書
<input name="like" type="checkbox" value="聽音樂">聽音樂E-mail:
<input name="email" type="text" size="50"><input name="Submit" type="submit" value=" 確定保存"><input name="Reset" type="reset" value="重新填寫"><input name="image" type="imageField" src="images/btn_bg.ipg">
</body>
總結
以上是生活随笔為你收集整理的Java Web 程序设计----基于SSM框架（正在更新中）的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
