《記憶匣子》——網絡編程jsp網頁制作復習習筆記1
阿新 • • 發佈：2017-12-30
times 重置 輸出 align eth 筆記 標記 驀然回首 reset
內容都在圖裏 哈哈哈
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>換行及保留原格式輸出</title> </head> <!-- 換行：<p></p>相當於兩個<br>的效果 保留原格式輸出<pre></pre> --> <body> <p>良辰美景奈何天 殊</p>不知 良辰美景奈何天 殊<br>不知 <pre> 瀟瀟暮雨總歸塵 姹紫嫣紅尋不見 再 難 </pre>尋 </body> </html>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>背景色及可編輯文本框</title> </head> <body bgcolor=green> <input type=text value="We are the ………………"> </body> </html>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!-- meta元信息標記 http-equiv相當於http的文件頭作用，它可以向瀏覽器傳回一些有用的信息， 以幫助正確和精確地顯示網頁內容，與之對應的屬性值為content，content中的內 容其實就是各個參數的變量值。 content-type:text/html。這將告訴瀏覽器準備接受一個 HTML 文檔。 --> <title>meta及左邊距上邊距、背景圖設置</title> </head> <body bgcolor="gold" topmargin="100" leftmargin="50" text="white" background="img/2.JPG" style="background-repeat:no-repeat;hight:100%;background-size: 100%;"> 123 </body> </html>
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>行和字體設置</title>
</head>
<!-- 對標題的設置最好用樣式來做 -->
<body bgcolor=" #FFFCEC">
<h1 align="center"><font size=7 face="Verdana" color="#4F9D9D">居中標題2333lueluelue</font></h1>
<h2 align="left"><font size=5 face="楷體_GB2312" color="#00DB00">居左標題2333lueluelue</font></h2>
<h3 align="right"><font size=3 face="Times" color="#D9B300">居右標題2333lueluelue</font></h3>
<SUP>東風夜放花千樹。</SUP>更吹落、星如雨。<I>寶馬雕車香滿路。</I>鳳簫聲動，玉壺光轉，一夜魚龍舞。
<br>
蛾兒雪柳黃金縷。笑語盈盈暗香去。眾裏尋他千百度。驀然回首，<STRONG>那人卻在，燈火闌珊處。</STRONG>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>設置圖片</title>
</head>
<body>
<img src=img/莫奈.jpeg align="middle" border=10
alt="這是一個能顯示圖片後就顯示不了的說明性替代文字" height=100% width=100% hspace=50>
<!-- 圖片的對齊方式有：middle top bottom left right -->
</body>
</html>
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>框架</title>
</head>
<frameset cols="50%,50%">
<frame src = "html5.jsp">
<frame src = "html4.jsp">
</frameset>
</html>
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>表單和文本框</title>
</head>
<body>
<!-- 表單的名字；處理表單信息的方式，分為：post（更安全）、get; 提交給誰 -->
<form name="form1" method="post" action="form1">
<!-- 單行文本框 框的長度 文本最長不超過多少個字符 -->
屬性：<input type="text" size="50" maxlength="5">
<br><br>
<!-- 密碼文本框 類型變成"password" -->
密碼：<input type="password" size="50" maxlength="5">
<br><br><br>
<table>
<tr><th>屬性：</th><th><input type="text" size="50" maxlength="5"></th><th>2333</th></tr>
<tr><td>密碼：</td><td><input type="password" size="50" maxlength="5"></td><td>4555</td></tr>
<tr><td>密碼：</td><td><input type="text" size="49" maxlength="5"></td><td>4555</td></tr>
</table>
<br><p></p>
<!-- 多行文本框輸入 框寬 框長 -->
<textarea name="多行文本框輸入" rows="3" cols="20">
你可以隨便輸些什麽...</textarea>
<br><p></p>
<!-- 復選框 類型 名字（得不一樣）每個checkbox必須有一個value，
當復選框被選中，value的值便會傳到表單的action指定的程序中
checked來設置該復選框缺省是是否被選中 -->
<input type="checkbox" name="choise1" value="one">
選擇1
<input type="checkbox" name="choise2" value="two">
選擇2
<input type="checkbox" name="choise3" value="else" checked>
其他
<br><p></p>
<!-- 復選列表框 -->
<select name="" size="1">
<option value="1">死傲嬌不服輸</option>
<option value="2">中二病無春天</option>
</select>
<select name="" size="2">
<option value="1">死傲嬌不服輸</option>
<option value="2">中二病無春天</option>
</select>
<br><p></p>
屬性：<input type="text" size="50" maxlength="5">
<!-- 重置與提交按鈕 value是按鈕的名字，缺省這一項程序自動添寫默認的名字 -->
<input type="reset" value="重置">
<input type="submit" value = "提交哈哈哈">
</form>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>表單提交</title>
</head>
<body>
<form name="form1" method="post" action="form1">
屬性：<input type="text" size="50" maxlength="5">
<!-- 重置與提交按鈕 value是按鈕的名字，缺省這一項程序自動添寫默認的名字 -->
<input type="reset" value="重置">
<input type="submit" value = "提交哈哈哈">
</form>
</body>
</html>做前端有點像畫畫，感覺還挺有意思的哈哈哈
《記憶匣子》——網絡編程jsp網頁制作復習習筆記1