《HTML技术简介》PPT课件.ppt

HTML技術簡介,主講人：巫沛倉副教授義守大學工業工程與管理系,超文件標示語言(HTML),全稱：HyperTextMarkupLanguage。HTML是用來對文字、圖片、聲音等加以定義。,定義HTML文件,這兩個標籤是用來定義一份文件內的HTML段落。對於許多的使用者而言，也許這個定義並不是如此的重要，但是一份嚴謹的超文件最好還是加上這兩個標籤。通常這兩個標籤的位置是位於文件的最前端，而則為於文件的最後一行，這樣的結果表示這一整份的文件都是HTML語法的文件。,文件的頭,是用來描述HTML頁的內容，但是這一個內容並不會出現在一般讀者利用WWW瀏覽器所看到的文件中。它同一樣，也可以被省略。,文件的標題,通常來說，每一份文件都應該有一個標題來簡述這一份文件的特色或是主題。對於WWW瀏覽器而言，標題所在的位置雖然依照瀏覽器的不同而不同，但是大部份都位於瀏覽器的最上方。的功能常常被拿來作為收尋主題的一個根據。一份文件的標題不宜過長，最好是能夠用最少的字來讓讀者能夠清楚的明瞭這一份文件的用處何在。,文件的內容區,指的是定義出一個HTML文件的界限。在BODY範圍內的文字，有使用HTML標籤的地方都可以正確的展示出來。事實上BODY也是一個建議選項，因為如果讀者如果沒有使用BODY的話，文件也可以使用HTML標籤來展示，只是無法保證每一種語法都能夠正確的使用。,BODY中的一些參數,背景圖片Background=“?.gif”背景顏色bgcolor=#?本文的顏色text=#?超鏈結的顏色link=#?鏈結到遠端時超鏈結的位置設定的顏色alink=#?文件中已經看過的顏色vlink=#?,Heading起首字,H1的大小H2的大小H3的大小H4的大小H5的大小H6的大小,分行符號與中斷一行,HTML利用來取代了Enter，也就是說如果想要插入一行的時候，就可以加上這一個標籤。（P是Paragraph的意思）如果想要在某一行的中間臨時跳到另一行，但是卻不產生一個空行，那麼可以使用這一個標籤。（BR是linebreak的意思),字體的變化,斜體字形粗體字形打字機字形字形大小上下標字底線(Underline)穿越線(Strikethrough),數字化的排列,數字化的排列方式有一點類似條列式，它會將被排列的重點或是文字冠上數字，瀏覽器碰到它的時候會自動的計算數目。是代表一種起頭，它提醒瀏覽器在遇到它的時候，就必需將底下遇到的轉變會數字直到碰到為止。,非數字化的排列,非數字化的排列方式會將上一個章節中的阿拉伯數字改成其它的固定符號，而不再用數字來表示。只需要把OL改成UL即可。E.g.Chapter1Chapter2,限定的排列,這是一種特殊的排列方式，它也是由組合的方式來達成它的目的，它所展現的方式是一種具有主題以及描述的一種排列。e.g.Chapter1Section1.1Chapter2Section2.1,限定的排列,其中標籤表示開始用限定排列的方式來排列底下的資料。而則表示排列的標題。則表示了描述的內容。以及都沒有代表結束的或是標籤。但是標籤則一定要對應一個標籤來結束。,巢狀的列目錄,HTML允許讀者們在與或是與標籤裡面再使用這些的標籤，這樣會使得排列具有層次的功能。換言之，對於使用者來說，它可以做到大主題下面還有許多的小主題，甚至小主題底下也可以再細分其他更小的主題。,文件中的註解,HTML語法也可以使用註解。標籤範圍內的文字，在瀏覽器中並不會被顯示出來。它的用處很簡單，就是註解一份文件而已。,超鏈結的使用方式,工管系首頁,超鏈結的種類,連線到中央大學資管系Gopher系統中央大學FTP站新聞討論群寄信給pwu連線到Archie伺服器,相對路徑與絕對路徑,絕對路徑Game相對路徑Game,鏈結到其它文件中的某一部份,在文件B中的段落:文件B的鏈結的段落A文件中的例子：文件B的hotkey,影像,這一個標籤並沒有來做為結束,影像,IMG表示一張影像的開始。SRC表示圖形檔的來源。WIDTH設定圖形的寬度。HEIGHT高度的設定。ALIGN選擇文字的位置。ALIGN=TOP在圖形後面的文字比較高。ALIGN=MIDDLE則為在圖形的中央。ALIGN=BOTTOM則放在圖形旁邊的下方。,影像,ALIGN=LEFT表示圖形將位於螢幕的左邊，而右邊可以打不只一行的文字ALIGN=RIGHT表示圖形位於瀏覽器的右邊，左邊也可以打不只一行的文字ALT後面可以接一些文字；這時候如果使用文字模式的瀏覽器遇到了圖形，那麼ALT後面的文字就會出現了。e.g.,關於TABLE標籤,表格可以利用標籤來製造，而最簡單的表格只有包含了一個單一的資料格子。表格也需要有結束的標籤，因此可以利用。在與中間，則需要放入表格的控制符號。,關於TABLE的用法,BORDER用來定義格線寬度，如果沒有加上BORDER的參數，那麼看到的表格就沒有格線了。CELLPADDING用來定義溝的大小，所謂的溝，就是格線到表格內文字的距離。,單一個格子,TD的標籤會讓瀏覽器產生一個格子e.g.表格中的文字,同一列中兩個以上的格子,一格二格三格,好幾列的格子,的功用在於將換行。一格二格三格四格,另一個增加的標籤,這一個標籤事實上跟這一個標籤差不多，但是的目的在於顯示具有標題之類的表格。姓名年紀嗜好巫沛倉35運動,經過延展的格子,ROWSP