Download presentation
Presentation is loading. Please wait.
1
網頁設計 清單設計 Instructor: Reporter:楊政勳 Date:
2
導覽 一、 HTML架構說明。 二、 HTML使用範例。 三、無序號清單撰寫 。 四、有序號清單撰 。 五、目錄、定義及選單 。
3
一、HTML架構說明 HTML本身並不是程式而是使用一些標記<tags>所構成。 EX: <html>
<head> <title>我的網頁</title> 臉 </head> <body> 網頁顯示內容 </body> </html> 頭 人 身
4
三、HTML使用範例 圖片呈現 文字呈現
5
三、HTML使用範例 超連結呈現
6
三、HTML使用範例 動畫呈現
7
三、HTML使用範例 影片呈現
8
三、無序號清單撰寫 無序號清單 <HTML> <HEAD> <TITLE> 我的網頁
<BODY> <H3>日新工商</H3> <UL> <LI>資料處理科 <LI>餐飲科 <LI>汽車科 </UL> </BODY> </HTML>
9
三、無序號清單撰寫 標籤內增加屬性TYPE <UL TYPE=DISC>圓點
<HTML> <HEAD> <TITLE> 我的網頁 </TITLE> </HEAD> <BODY> <H3>日新工商</H3> <UL> <LI>資料處理科 <LI>餐飲科 <LI>汽車科 </UL> </HTML> <UL TYPE=DISC>圓點 <UL TYPE=CIRCLE>空心圓點 <UL TYPE=SQUARE>實心方塊
10
四、有序號清單撰 標籤內增加屬性TYPE <HTML> <HEAD> <TITLE> 我的網頁
<BODY> <H3>日新工商</H3> <OL> <LI>資料處理科 <LI>餐飲科 <LI>汽車科 </OL> </HTML>
11
四、有序號清單撰 啓始序號 <OL START=3> <HTML> <HEAD>
<TITLE> 我的網頁 </TITLE> </HEAD> <BODY> <H3>日新工商</H3> <OL> <LI>資料處理科 <LI>餐飲科 <LI>汽車科 </OL> </HTML> <OL START=3>
12
四、有序號清單撰 指定條件項目 <LI VALUE=10> <HTML> <HEAD>
<TITLE> 我的網頁 </TITLE> </HEAD> <BODY> <H3>日新工商</H3> <OL> <LI>資料處理科 <LI>餐飲科 <LI>汽車科 </OL> </HTML> <LI VALUE=10>
13
四、目錄、定義及選單 不一樣的清單寫法 <HTML> <HEAD> <TITLE> 我的網頁
<BODY> <H3>日新工商</H3> <MEMU> <LI>資料處理科 <LI>餐飲科 <LI>汽車科 </MENU> </HTML>
14
四、目錄、定義及選單 多層次清單 <HTML> <HEAD> <TITLE> 我的網頁
<BODY> <H3>日新工商</H3> <DL> <DT>資料處理科 <DT>餐飲科 <DD>餐飲管理 <DD>餐飲技術 <DT>汽車科 <DD>汽車修護 <DD>汽車技術 </DL> </HTML>
15
END THANK YOU
Similar presentations
