基本HTML(一)-台灣醫療網

正體簡體

2025 年 10 月 31 日

首頁

全國院所

站內資料庫

延伸瀏覽

最多瀏覽

https://test.fixs3c.com

【類別】：網路資源 → 網頁*教學

線上諮詢

3198人觀看

回網頁*教學

基本HTML(一)

基本HTML：
一、首先一開始需準備的東西：
記事本（或其他 HTML編輯器）

二、什麼是HTML
各位網路衝浪者（WWWSufer）在逛遍世界大大小小的WWW站，看過成千上萬形形色色的首頁（Home Page）後，是不是也正摩拳擦掌的想自己做出自己的首頁，讓大家看看。也許你只是想趕上這一波熱潮，做成一個漂亮的首頁，讓來自世界各地的網有進一步認識你，那你就要學怎麼做Home Page了。

三、宣告為HTML文件：
首先，你要先打上下面語法，然後儲存為*.html或*.htm，其語法為：
<HTML> 
<HEAD> 
<TITLE> </TITLE> 
</HEAD> 
<BODY> 
</BODY> 
</HTML> 
四、如何製作HTML文件：
HTML 的製作流程沒啥大步了的，可能就像您在寫文章一樣，其
過程大致如下：
規劃文件內容→編輯文件→用瀏覽器預先觀看之（不滿意在回去
修改）→申請空間→自己在網路上測試之→公布你的網頁
首先，你必須想好你的網頁要放哪些東西，大致上在做什麼，譬
如我的網頁是個人首頁，專供下載軟體的網站，還有那邊要放上
圖片，那邊要放表格.....等等。

六、HTML標籤：
HTML標籤沒有大小寫之分，例如：
<body>跟<BODY>跟 <BoDy>的效果都是一樣的。
HTML標籤有很多種類行的，例如：
□前後包夾型：這種類型必須成雙成對的出現，例如在文件中的
<BODY標籤，在稍後就必須在有一個 </BODY>的標籤至於
在這標籤內的文自救會被加上此標籤的效果。成對出現者，第
二個標籤就要加上一個斜線"/"。
□單槍匹馬型：這種標籤只需出現一次，像是 或 <IMG>等
等，以後會介紹到。

七、HTML初步：
1.一個最簡單的HTML文件：
既然HTML只是普通的文字檔，那麼最陽春的HTML文件可以說是
一個普通的，不含任何標籤的文字檔了。用記事本或席他編輯器
在<BODY>中輸入下列文字：
一個陽春的HTML文件
則存檔再瀏覽就會出現：
一個陽春的HTML文件

簡單吧？
2.文件標題
哪些資訊我們可以放在<HEAD>標籤中呢？有一個我們最常用的，那就
是文件標題，這個標籤理所輸入的文字，會顯示在瀏覽器的視窗
標題上，例如：
其語法為<TITLE>您的文件標題</TITLE>
若我們未指定視窗標題的話，瀏覽器則會依此文件的路徑（例如
http://netcity3.web.hinet.nwt/UserData/shkowa/index.htm, 或是file:///c:/win98/desktop/index.htm
index.htm等等）做為視窗標題。
3.簡單的格式變化：
□ --換行
 是讓您指定換行的標籤，只要在您希望換行的地方（通常是一行的
最後面）加上 標籤，則瀏覽器就會先換行，再顯示後續的
文字，例如：
<BODY> 俠客的家
俠客的家 →→→→ 俠客製作
俠客製作
</BODY>
□--分段
每一個標籤是分隔不同段落用的。所謂分段就是說，除了分行外
，瀏覽器還會多一行空白，在接著顯示後面的文字。例如：
俠客的家 俠客的家
俠客製作 →→→→
在台南縣俠客製作
在台南縣

※小叮嚀：投稿或引述文章內容請記得註明出處，以示尊重其著作財產權利，倘有疏漏之處也歡迎來信指教，謝謝。

投稿信箱

補充意見

門店升級雲端服務 →全門市電子e化無紙作業系統← 適合*通訊行*醫美診所*實體門市

[推薦評價好店]- 4C快修連鎖門市
專業維修買賣 - 筆電 + 手機 + 電腦 + Iphone + Ipad

新北汐止店
(02) 7751-9182
新北市汐止區福德一路86巷22號
汐止修手機.汐止修iphone.汐止修ipad.汐止修筆電.汐止修電腦
新北板橋店
(02) 8257-3990
新北市板橋區四維路137巷10號
板橋修手機.板橋修iphone.板橋修ipad.板橋修筆電.板橋修電腦
桃園大溪店
0980-870882
桃園市大溪區后尾巷1-2號
大溪修手機.大溪修iphone.大溪修ipad.大溪修筆電.大溪修電腦
台中市區店
(04) 2201-1289
台中市南區台中路140號
台中修手機.台中修iphone.台中修ipad.台中修筆電.台中修電腦

王師父專業牆壁切孔鑽孔引孔工程服務
牆壁鑽孔切割,牆面引孔鑽孔,地板鑽孔切割

台北鑽孔切割
三重鑽孔切割
新莊鑽孔切割
板橋鑽孔切割