HTML基础教程.ppt
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
<html> <head>
<title>台灣文學專題</title> </head> <body> 04/26 陳雪
<P>講題：從《惡女書》到 《橋上的孩子》 一個小說家的形成。。。
</P> </body> </html> 執行結果。
置中 - 對齊
<center>內容置中</center> <html>
– A Computer running some server programs
特別注意事項
1.電腦系統包含軟體系統與硬體系統
– 沒有思維能力，只有邏輯
2.所以任何的語法指令，都必須明確
– 每個字都是必要而且是正確的
3.電腦語法的特性在於給電腦明確的指令
– 構詞構句要符合一定的規定
名詞解釋(1/4)
<head> <title>台灣文學專題</title> </head> <body> <center> 04/26 陳雪
<P>講題：從《惡女書到 《橋上的 孩子》
一個小說家的形成。。。 </P>
</center> </body> </html> 執行結果。
各級標題字
<html> <head><title>標題測試</title></head> <body> <center> <h1>第一級標題</h1>正常文字 <h2>第二級標題</h2>正常文字 <h3>第三級標題</h3>正常文字 <h4>第四級標題</h4>正常文字 <h5>第五級標題</h5>正常文字 <h6>第六級標題</h6>正常文字 </center> </body> </html>
名詞解釋(4/4)
HTML：Hyper Text Markup Language。
WWW上製作Homepage的語言，是一種標記語言。 此語言用一定的元素與格式指示網頁伺服器與瀏覽器，顯示設計 者設計的網頁。
Tag Language：標記語言。
製作HTML文件必須加入標記，讓瀏覽器知道該如何處理及呈現 原始文件的內容。 在HTML語法中，除了少數例外，大都是 以<XX>開始，以</XX>結束； 其中XX就是HTML的標記。
Font(1/2)-字體
<font face=字體>字串</font> <center>
<H1>李魁賢-麻雀 </H1><br> <font size=4> 我們在田野<br> 追逐陽光 芒草 流泉<br> 我們一群來 一群去<br> 有時打成一片<BR> 有時成群散去<br> 自自然然 歡歡喜喜<br> <font color=yellow face=標楷體> 我們聲音小<br> 卻符合大自然的韻律<br> 在工作中愉快的唱歌<br> 即使農夫對我們吆喝<br> 我們還是辛勤地<br> 把種子帶去<br></font>
執行結果。
Font(1/3)- Size and Color
<font size=n color=顏色>字串</font> <html>
<head><title>Font測試</title></head> <body><center> <font size=7 color=black>天</font> <font size=6 color=yellow>上</font> <font size=5 color=black>星</font> <font size=4 color=red>多</font> <font size=3 color=black>月</font> <font size=2 color=green>不</font> <font size=1 color=black>明</font> </center> </body> </html> 執行結果。
Hyper Text：超文件。
– 超文件是指在文件中包含有鏈結到其他文件的能力。 – 其他文件可以是存放於
本機 區域網路 網際網路
– 使用者只需經由滑鼠點取，便可鏈結到其他相關的文件。 以HTML 編輯的超文件具備展現多媒體的能力
– 文件還可加入圖片、聲音、及動畫等效果。
名詞解釋(2/4)
HTML教程
大綱
名詞與觀念 文字編排 列表－有序，無序，定義 表格－表格 圖片－圖或背景
HTML語法與元素
HTML就是超文件標記語言 HTML語法介紹 HTML元素 JAVA Script
重要觀念
Intranet，區域網路(Local Net)，網際網路(internet) 網頁：Documents on Web 網站：Host, Web Site, Server，…
名詞解釋(3/4)
URL：Uniform Resource Locator。
在WWW的世界裡，統一使用URL來說明存取方式與存取位址。
URL格式
– 第一個部份用來指定存取方式， – 第二個部份用來指定位址，兩者之間以：//符號隔開。 一般常見的URL格式 – .tw/EDU/khai – ftp://.tw – telnet://.tw/ – mailto:khai@.tw
WWW：World Wide Web全球資訊網。 HomePage：首頁
以HTML寫成，網站的第一個被開啟的網頁。可以用瀏覽器看到 的超文件。
瀏覽器【Browser】
看WWW上Homepage的工具程式。 解讀網頁上HTML並按其指示執行顯示網頁的用戶端程式。
１：Mosaic【第一代】 ２：Netscape【第二代】 ３：Explorer【後現代】
網站首頁：HOMEPAGE
首頁-網頁排版
– 文字 – 圖片 – 聲音 – 動畫 – 超連結(超鏈結 Hyper link) – E-mail – 影音
HTML基本架構 (1/2)
<html> <head> <title>名稱</title> </head> <body> 內容 </body> </html>
Title讓製作者以簡短的文字表達此一首頁之內容。 Title的內容會出現在瀏覽器的頂端的標題欄。 若將某個首頁加入我的最愛中的書籤(Bookmark)，則Title內容 變成該書籤名稱。
HTML基本架構 (2/2)
使用 記事本 (Notepad) 製作，寫完存檔，副檔名改成 htm 範例
<title>台灣文學專題</title> </head> <body> 04/26 陳雪
<P>講題：從《惡女書》到 《橋上的孩子》 一個小說家的形成。。。
</P> </body> </html> 執行結果。
置中 - 對齊
<center>內容置中</center> <html>
– A Computer running some server programs
特別注意事項
1.電腦系統包含軟體系統與硬體系統
– 沒有思維能力，只有邏輯
2.所以任何的語法指令，都必須明確
– 每個字都是必要而且是正確的
3.電腦語法的特性在於給電腦明確的指令
– 構詞構句要符合一定的規定
名詞解釋(1/4)
<head> <title>台灣文學專題</title> </head> <body> <center> 04/26 陳雪
<P>講題：從《惡女書到 《橋上的 孩子》
一個小說家的形成。。。 </P>
</center> </body> </html> 執行結果。
各級標題字
<html> <head><title>標題測試</title></head> <body> <center> <h1>第一級標題</h1>正常文字 <h2>第二級標題</h2>正常文字 <h3>第三級標題</h3>正常文字 <h4>第四級標題</h4>正常文字 <h5>第五級標題</h5>正常文字 <h6>第六級標題</h6>正常文字 </center> </body> </html>
名詞解釋(4/4)
HTML：Hyper Text Markup Language。
WWW上製作Homepage的語言，是一種標記語言。 此語言用一定的元素與格式指示網頁伺服器與瀏覽器，顯示設計 者設計的網頁。
Tag Language：標記語言。
製作HTML文件必須加入標記，讓瀏覽器知道該如何處理及呈現 原始文件的內容。 在HTML語法中，除了少數例外，大都是 以<XX>開始，以</XX>結束； 其中XX就是HTML的標記。
Font(1/2)-字體
<font face=字體>字串</font> <center>
<H1>李魁賢-麻雀 </H1><br> <font size=4> 我們在田野<br> 追逐陽光 芒草 流泉<br> 我們一群來 一群去<br> 有時打成一片<BR> 有時成群散去<br> 自自然然 歡歡喜喜<br> <font color=yellow face=標楷體> 我們聲音小<br> 卻符合大自然的韻律<br> 在工作中愉快的唱歌<br> 即使農夫對我們吆喝<br> 我們還是辛勤地<br> 把種子帶去<br></font>
執行結果。
Font(1/3)- Size and Color
<font size=n color=顏色>字串</font> <html>
<head><title>Font測試</title></head> <body><center> <font size=7 color=black>天</font> <font size=6 color=yellow>上</font> <font size=5 color=black>星</font> <font size=4 color=red>多</font> <font size=3 color=black>月</font> <font size=2 color=green>不</font> <font size=1 color=black>明</font> </center> </body> </html> 執行結果。
Hyper Text：超文件。
– 超文件是指在文件中包含有鏈結到其他文件的能力。 – 其他文件可以是存放於
本機 區域網路 網際網路
– 使用者只需經由滑鼠點取，便可鏈結到其他相關的文件。 以HTML 編輯的超文件具備展現多媒體的能力
– 文件還可加入圖片、聲音、及動畫等效果。
名詞解釋(2/4)
HTML教程
大綱
名詞與觀念 文字編排 列表－有序，無序，定義 表格－表格 圖片－圖或背景
HTML語法與元素
HTML就是超文件標記語言 HTML語法介紹 HTML元素 JAVA Script
重要觀念
Intranet，區域網路(Local Net)，網際網路(internet) 網頁：Documents on Web 網站：Host, Web Site, Server，…
名詞解釋(3/4)
URL：Uniform Resource Locator。
在WWW的世界裡，統一使用URL來說明存取方式與存取位址。
URL格式
– 第一個部份用來指定存取方式， – 第二個部份用來指定位址，兩者之間以：//符號隔開。 一般常見的URL格式 – .tw/EDU/khai – ftp://.tw – telnet://.tw/ – mailto:khai@.tw
WWW：World Wide Web全球資訊網。 HomePage：首頁
以HTML寫成，網站的第一個被開啟的網頁。可以用瀏覽器看到 的超文件。
瀏覽器【Browser】
看WWW上Homepage的工具程式。 解讀網頁上HTML並按其指示執行顯示網頁的用戶端程式。
１：Mosaic【第一代】 ２：Netscape【第二代】 ３：Explorer【後現代】
網站首頁：HOMEPAGE
首頁-網頁排版
– 文字 – 圖片 – 聲音 – 動畫 – 超連結(超鏈結 Hyper link) – E-mail – 影音
HTML基本架構 (1/2)
<html> <head> <title>名稱</title> </head> <body> 內容 </body> </html>
Title讓製作者以簡短的文字表達此一首頁之內容。 Title的內容會出現在瀏覽器的頂端的標題欄。 若將某個首頁加入我的最愛中的書籤(Bookmark)，則Title內容 變成該書籤名稱。
HTML基本架構 (2/2)
使用 記事本 (Notepad) 製作，寫完存檔，副檔名改成 htm 範例