網頁設計 清單設計 Instructor: Reporter:楊政勳 Date:1020603
導覽 一、 HTML架構說明。 二、 HTML使用範例。 三、無序號清單撰寫 。 四、有序號清單撰 。 五、目錄、定義及選單 。
一、HTML架構說明 HTML本身並不是程式而是使用一些標記<tags>所構成。 EX: <html> <head> <title>我的網頁</title> 臉 </head> <body> 網頁顯示內容 </body> </html> 頭 人 身
三、HTML使用範例 圖片呈現 文字呈現
三、HTML使用範例 超連結呈現
三、HTML使用範例 http://www.heysong-ocha.com.tw/?utm_source=Yahoo&utm_medium=Banner&utm_campaign=HS_2013_Q2&utm_content=y012#/event 動畫呈現
三、HTML使用範例 影片呈現
三、無序號清單撰寫 無序號清單 <HTML> <HEAD> <TITLE> 我的網頁 <BODY> <H3>日新工商</H3> <UL> <LI>資料處理科 <LI>餐飲科 <LI>汽車科 </UL> </BODY> </HTML>
三、無序號清單撰寫 標籤內增加屬性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>實心方塊
四、有序號清單撰 標籤內增加屬性TYPE <HTML> <HEAD> <TITLE> 我的網頁 <BODY> <H3>日新工商</H3> <OL> <LI>資料處理科 <LI>餐飲科 <LI>汽車科 </OL> </HTML>
四、有序號清單撰 啓始序號 <OL START=3> <HTML> <HEAD> <TITLE> 我的網頁 </TITLE> </HEAD> <BODY> <H3>日新工商</H3> <OL> <LI>資料處理科 <LI>餐飲科 <LI>汽車科 </OL> </HTML> <OL START=3>
四、有序號清單撰 指定條件項目 <LI VALUE=10> <HTML> <HEAD> <TITLE> 我的網頁 </TITLE> </HEAD> <BODY> <H3>日新工商</H3> <OL> <LI>資料處理科 <LI>餐飲科 <LI>汽車科 </OL> </HTML> <LI VALUE=10>
四、目錄、定義及選單 不一樣的清單寫法 <HTML> <HEAD> <TITLE> 我的網頁 <BODY> <H3>日新工商</H3> <MEMU> <LI>資料處理科 <LI>餐飲科 <LI>汽車科 </MENU> </HTML>
四、目錄、定義及選單 多層次清單 <HTML> <HEAD> <TITLE> 我的網頁 <BODY> <H3>日新工商</H3> <DL> <DT>資料處理科 <DT>餐飲科 <DD>餐飲管理 <DD>餐飲技術 <DT>汽車科 <DD>汽車修護 <DD>汽車技術 </DL> </HTML>
END THANK YOU