Html基本语法介绍.ppt

Html基本語法介紹,目錄,帳號及主機位址 Html語法及網頁素材 網頁架構 標題標籤 設定字體大小標籤 圖片與背景音樂 插入圖片 排版標籤 分隔標籤,序列標籤 網頁插入多媒體 內嵌(EMBED) 超連結語法 製作表格 Script CSS Server端語言,操作網站,主機 Name: .tw address: 你的網站URL .tw/s813001 首頁的位置 www資料夾內的 index.html or index.htm,你的學號,Linux系統 大小寫有分,參考網站,.tw/html/#tagindex Html語法教學 http:/dye.mychat.to/ 染布坊,網頁架構, 網頁製作教學 BODY之間則為主要語法所在，也是網頁的主要呈現部分。 ,標題標籤,使用方法： 標題內容,設定字體大小標籤,使用方法：文字內容 標籤解說： （最小） （最大） 文字內容，其意思就是說：比預設字大一級。 font size=+2（比預設字大二級），或是 font size=-1（比預設字小一級）， 以一般而言，預設字體多為 3。 預設定體標籤 (預設為4),字體大小設定,字型變化標籤,文字顏色設定,RGB,圖片與背景音樂,設定顏色： . 設定背景圖(可用gif,jpg(jpeg),png,bmp) 使用圖形檔要注意連結路徑 如果圖片具透明效果，則背景色會顯現出來 也可以連結到別人的網站中的某一個圖檔,插入圖片,語法： 靠左 有邊框的圖 圖片和文字的排列關係： http:/dye.mychat.to/teach/qa_102.htm,檔案的路徑問題,圖文均在同一目錄 圖在網頁下一層images目錄 圖在網頁上一層 圖在網路上的url,絕對位址,相對位址,排版標籤,文字置左、置中、置右,分隔標籤,使用方法：強制斷行標籤、強制分段標籤 標籤解說：我們在寫文章時，有時候在特定的地方會強迫斷行（），或是在寫完某一段的時候便會分段（）。,分隔線標籤,使用方法：上一段文字內容下一段文字內容 標籤解說：利用這個標籤便可產生一條橫分隔線。另外，其有些屬性分別說明如下： .tw/html/#tagindex,序列標籤,無序標籤,前面的符號一定是要圓形的嗎？不，我們可以加入TYPE=“形狀名稱“屬性來改變其符號形狀，一共有三個選擇：DISK（實心圓）、SQUARE（小正方形）、CIRCLE（空心圓）三種（由於本頁使用CSS故僅於Netscape看得出效果。）：,有序標籤,一更有五種符號：1（數字）、A（大寫英文字母）、a（小寫英文字母）、I（大寫羅馬字母）、i（小寫羅馬字母）等五種：,指定起始值,網頁插入多媒體,AVI 檔：因為AVI是IE支援的格式，所以可以使用語法 背景音樂：http:/www.class2u.idv.tw/html/bgsound.htm IE的指令：,內嵌(EMBED),網頁除了能夠顯示多媒體的連結外，也可以直接將多媒體內嵌在網頁內，所使用的標籤是 embed 。 電腦本身必須具備播放檔的支援程式。 可內嵌音樂影片 .mid , .ra , .ram , .rm , .mpg , .swf , .wav , .au , .aif,當插入不同撥放屬性影音檔案時，會出現該撥放程式之控制器。 瀏覽器必須有安裝網頁所撥放之音樂之撥放程式(支援該副檔名類型撥放程式)才可以正常撥放。,超連結(Hyper Link),我的網站 顯示： 我的網站 寫信給我 寫信給我 台大BBS站(批踢踢) 台大BBS站(批踢踢) ,框架頁, 新網頁 此網頁使用框架，但是您的瀏覽器不支援框架。 ,Index.html 的架構及語法,範例網站： /test/test/,Script,VBScript .tw/dir.php?t=22 JavaScript .tw/dir.php?t=6&at,製作表格,利用這個標籤來告訴電腦，這是一個表格 BORDER=1 這參數是設定此表格的框線粗細為 1。 一組是設定一橫列的開始。 一組則是設定一個欄位。當然，文字就是要擺在這裡面。,CSS,語法教學 .tw/hmchai/PTcomputer03_2/hCSS/CSSintroduction.htm#link,CSS範例 .tw/dir.php?t=2&at=,