生活随笔
收集整理的這篇文章主要介紹了
Java Web 程序设计----基于SSM框架(正在更新中)
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
Java Web 程序設(shè)計----基于SSM框架
提示:主要用于個人學習、復(fù)習、查閱等。
文章目錄
- Java Web 程序設(shè)計----基于SSM框架
- 一、網(wǎng)頁前端開發(fā)基礎(chǔ)
提示:以下是本篇文章正文內(nèi)容,下面案例可供參考
一、網(wǎng)頁前端開發(fā)基礎(chǔ)
HTML文檔結(jié)構(gòu)
信息:
1.<html>標記,HTML文件中所有標記都放置在<html></html>中
2. <head></head>標記,頭標記,放置HTML文件信息(包含CSS樣式)
3. <title></title>標記,標題標記,定義網(wǎng)頁的標題
4. <body></body>標記,頁面主體
5. <br>換行標記,單獨出現(xiàn),不成對
6. <p></p>段落標記,段前段后各添加一個空行
7. <h1></h1>到<h6></h6>為標題標記,級數(shù)越高,文字的字體也越大
8. <center></center>居中標記
9. <b></b>加粗
10. <ul></ul>創(chuàng)建一組無序列表,每個列表項項前使用<li>表示
11. <ol></ol>創(chuàng)建一組有序列表項前使用<li>表示
例:
<html><head><title>網(wǎng)頁標題
</title></head><body><center><b>黃鶴樓送孟浩然之廣陵
</b><br>故人西辭黃鶴樓,煙花三月下?lián)P州.
<br>孤芳遠影碧空盡,唯見長江天際流.
<br></body></center>
</html>
<html><head><title>設(shè)置標題標記
</title></head><body><h1>java開發(fā)的三個方向
</h1><h2>java SE
</h2><p>主要用于桌面程序的開發(fā)。它是學習java EE和java ME的基礎(chǔ)。
</p><h2>java EE
</h2><p>主要用于網(wǎng)頁程序的開發(fā)。隨著互聯(lián)網(wǎng)的發(fā)展,越來越多的企業(yè)使用java語言來開發(fā)自己的網(wǎng)站,其中不乏世界500強企業(yè)。
</p><h2>java ME
</h2><p>主要用于嵌入式系統(tǒng)的開發(fā)。
</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設(shè)置設(shè)置表格寬度,border設(shè)置表格邊框,align設(shè)置對齊方式,bgcolor設(shè)置背景顏色;<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">數(shù)學
</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用來指定處理表單數(shù)據(jù)程序的URL地址;method用于指定數(shù)據(jù)傳送到服務(wù)器的方式,分別為get和post,get表示輸入的數(shù)據(jù)追加到action后面,并傳送到服務(wù)器,post會將輸入的數(shù)據(jù)按照HTTP中的post傳輸方式傳送到服務(wù)器;name指定表單的名稱,onSubmit指定當用戶點擊提交按鈕時觸發(fā)的事件;target指定輸入數(shù)據(jù)顯示在哪個窗口<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 | 復(fù)選按鈕 |
| submit | 提交按鈕 |
| reset | 重置按鈕 |
| button | 普通按鈕 |
| hidden | 隱藏域 |
| image | 圖像域 |
<input>標記的屬性:
屬性描述
| type | 輸入類型 |
| disabled | 字段不可用,也可指定空值 |
| checked | 用于type屬性為radio和checkbox的情況,字段是否被選中。屬性為空值可也指定為checked |
| width | 輸入字段的寬度,用于type屬性為image的情況下 |
| height | 輸入字段的寬度,用于type屬性為image的情況下 |
| maxlength | 可輸入文字的個數(shù),用于type屬性為text和password情況下,默認沒有字數(shù)限制 |
| readonly | 輸入字段是否只讀,其屬性可以為空值,也可以指定為readonly |
| size | 用于指定輸入字段的寬度,當type值為text何password時,以文字個數(shù)為單位,當type為其他值時,以像素為單位 |
| src | 用于指定圖片來源,只有type為image時有效 |
| usemap | 為圖片設(shè)置熱點地圖,只有type屬性為image時有效。屬性值為URI,URI的格式為“#”+“標記的name屬性值”,例如name標記的name屬性值為Map,該URI為#Map |
| alt | 用于指定圖片無法顯示時顯示的文字,只有當type屬性為iamge時有效 |
| name | 由于指定輸入字段的名稱 |
| value | 由于指定輸入字段默認數(shù)據(jù)值,當type屬性為checkbox和radio時,不可省略此屬性,其他值時可以省略,當type屬性為button、reset和submit時,指定的是按鈕顯示的文字;當type屬性為checkbok和radio時,指定的是數(shù)據(jù)項選定的值 |
<select></select>下拉菜單標記,name為名稱屬性;size指定列表框中顯示的選項數(shù)量,超出改數(shù)量的選項可以通過拖動滾動條查看;disabled用于指定當前列表框不可使用;multiple用于讓列表框支持多選。使用<option>向列表框中添加內(nèi)容<textarea>多行文本標記,name名稱屬性,cols列數(shù)(寬度),rows行數(shù)(高度),disabled不可使用,readonly只讀,wrap設(shè)置文字是否自動換行。
例:
<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>
總結(jié)
以上是生活随笔為你收集整理的Java Web 程序设计----基于SSM框架(正在更新中)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網(wǎng)站內(nèi)容還不錯,歡迎將生活随笔推薦給好友。