web基礎：html+css+javascript
客戶端靜態頁面:內容(操作)和數據(信息)/外觀和樣式/動態效果
服務器端技術:實現數據的交互,比如JSP處理服務器端
web開發:結合服務器端和客戶端技術

<由於HTML會被WP自動識別 以下內容進行Code化輸出>

HTML課程
	1/什麼是html:開發網頁的一種客戶端技術
	2/編寫以及運行過程：解釋性，運行效果為準
	3/瀏覽器解釋運行：IE/Firefox/chrome/opera
	4/html文檔
		後綴.html/.htm的純文本文檔
		可以使用任何文本編輯器編輯
	5/html的基礎語法
		<start></start>
		<start>：單標記
一:文本標記
	<br />
	<p></p>段落
	<hn></hn>:n從1到6，表示標題文本
二：鏈接和圖像
	<a></a>
		href：url（相對地址/絕對地址）/mailto:/javascript:method()
		target：_self默認值/_blank
		title
	<img>
		src
		title
		width/height
		border
	為頁面定義錨點
		為目標位置使用<a>定義為錨點:name
		使用<a>導航到錨點:href="#name"
	為圖像添加映射
		<map name="aa">
			<area shape="rect" coords="" href="">
			<area shape="" coords="" href="">
			<area shape="" coords="" href="">
		</map>
		shape=rect coords="x,y,x1,y1"
		shape=circle coords="x,y,r"
		shape=poly

		<img src="" usemap="#aa">
三：表格
	基礎結構：table/tr/td
	常用屬性：border/width/height/cellspacing單元格之間以及與表格的外邊框之間的距離/cellpadding單元格內間距
		tr和td也可以附帶一些常用屬性：width/height/align/valign
	不規則的表格：
		td的屬性:colspan/rowspan
	表格標題：<caption>作為表格的第一個子元素
	行分組：thead/tbody/tfoot,tbody可以出現多次

四：表單--界面錄入數據，選擇數據，以表單為單位提交給服務器
	<form action="a.jsp" method="post"></form>
	包含子元素
		<input>元素，type屬性
			文本框 type=text value
			密碼框 type=password
			單選按鈕 type=radio name value checked
			複選按鈕 type=checkbox name
			文件    type="file"
			隱藏域  type="hidden" value="data"記載一些不需要顯示在頁面上的關鍵數據
			提交按鈕 type="submit"
			重置按鈕 type="reset"：恢復頁面默認初始數據
			普通按鈕 type="button"

		非<input>元素
			選擇列表：下拉框/列表框
				select：選擇列表 size multiple
				option: value
			多行文本框：<textarea> cols和rows屬性
			文本標籤：<label for="綁定的元素的id">文本內容</label>

五：列表
	無序列表：ul
	有序列表: ol
	列表項：  li
	列表的嵌套

六：框架頁面
	<frameset cols rows>
	<frame src>
	框架的嵌套
	浮動框架：iframe

課後任務：課堂知識點
	表格的練習：
	form的練習（TTS）

CodePackage

课堂内容