HTML基础教学.ppt

2003年11月19日 (三) 講員介紹 本名：孫仲岳 (Saturn Sun.) 生日：1980年11月4日天蠍座 現任： 中原大學校園網路策進會 會長 中原檔案伺服器網管 .tw 中原熊蓋站站長 .tw 中文化軟體聯盟網管 AX工作室負責人 .tw 如何取得上課投影片 .tw 進入「中原大學校園網路策進會」版 今天主題 概述 HyperText Markup Language 小故事… 撰寫介紹 語法介紹 撰寫介紹 視覺化編輯軟體 FrontPage、Dreamweaver、GoLive! 貧民化編輯軟體 記事本 UltraEdit 撰寫介紹 如何觀看成果 使用瀏覽器 – IE (Internet Explorer) 小吐嘈 不結構化 隨性 維護大不易 第一個網頁 HTML HEAD TITLE我的第一個網頁/TITLE /HEAD BODY 我不胖。 /BODY /HTML 段落(大換行) P空山不見人，/PP但聞人語響；/PP返景入深林，/P P復照青苔上。/P 段落(大換行) P ALIGN=RIGHT這段文字會向右對齊/PP ALIGN=CENTER這段文字會向中對齊/PP ALIGN=LEFT這段文字會向左對齊/P 段落(小換行) 空山不見人，BR但聞人語響；BR返景入深林，BR 復照青苔上。BR PS. 一定要下指定，直接換行無效唷! 分隔線 鹿柴 HR空山不見人，BR但聞人語響；BR返景入深林，BR 復照青苔上。BR 進階玩法~靠左靠右改粗細 註解標誌 !-- 你看不見我 -- COMMENT/COMMENT 文字標題 H1落日照大旗/H1H2落日照大旗/H2H3落日照大旗/H3H4落日照大旗/H4H5落日照大旗/H5H6落日照大旗/H6 字形字體 FONT SIZE=1落日照大旗/FONTBRFONT SIZE=2落日照大旗/FONTBRFONT SIZE=3落日照大旗/FONTBRFONT SIZE=4落日照大旗/FONTBRFONT SIZE=5落日照大旗/FONTBRFONT SIZE=6落日照大旗/FONTBRFONT SIZE=7落日照大旗/FONTBR 字形字體 PFONT COLOR=#FF0000紅色/FONTPFONT COLOR=#FF8040橙色/FONTPFONT COLOR=#FFFF00黃色/FONTPFONT COLOR=#00FF40綠色/FONTPFONT COLOR=#00FFFF藍色/FONTPFONT COLOR=#0000FF靛色/FONTPFONT COLOR=#FF00FF紫色/FONT 字形字體 FONT FACE=“標楷體, 新細明體”馬鳴風蕭蕭 /FONT 文字效果 這是B粗體字/BBR 這是I斜體字/IBR 這是U加底線/U的字 本文效果 BODY BGCOLOR=AQUA背景是水藍色的/BODY BODY BGCOLOR=#0000FF 背景是藍色的/BODY 顏色! aqua 水藍色 black黑色 blue深藍色 yellow黃色 gray灰色 green綠色 lime萊姆色 maroon粟色 沒編號選單 DIRLI兄弟象LI統一獅LI興農牛LI時報鷹LI三商虎 LI味全龍LI中信鯨/DIR 有編號選單 OLLI兄弟象LI統一獅LI興農牛LI時報鷹LI三商虎 LI味全龍LI中信鯨/OL START=3 / VALUE=10 超連結 A HREF =URL連結的文字/A TARGET： _SELF _TOP _BLANK _PARENT 超連結的路徑 A HREF=“a.htm跑馬燈教學/A A HREF=http://123.com/a.htm跑馬燈教學/A 上一層 【..】 插入圖片 IMG SRC=img/123.jpg ALIGN=left“ ALT=string“ SRC=image_file“ BORDER=value“ LOWSRC=image_file“ WIDTH=value“ HEIGHT=value“ VSPACE=value“ HSPACE=value　 圖片超連結 A HREF=URL img src=123.jpg /A 表格 TABLE TR TD第一格/TDTD第二格/TD /TR TR TD第三格/TDTD第四格/TD /TR /TABLE 基本頁框(FRAME) HTMLHEADTITLE頁框範例一/TITLE/HEADFRAMESET COLS=30%,70%FRAME SRC=LEFT.HTMFRAME SRC=RIGH