|
【類別】:網路資源 → 網頁*教學 |
線上諮詢 |
3274人觀看 |
|
回 網頁*教學 |
|
|
基本HTML(一) |
|
|
基本HTML:
一、首先一開始需準備的東西:
記事本(或其他 HTML編輯器)
二、什麼是HTML
各位網路衝浪者(WWWSufer)在逛遍世界大大小小的WWW站,看過成千上萬形形色色的首頁(Home Page)後,是不是也正摩拳擦掌的想自己做出自己的首頁,讓大家看看。也許你只是想趕上這一波熱潮,做成一個漂亮的首頁,讓來自世界各地的網有進一步認識你,那你就要學怎麼做Home Page了。
三、宣告為HTML文件:
首先,你要先打上下面語法,然後儲存為*.html或*.htm,其語法為:
<HTML> <!--HTML的開頭-->
<HEAD> <!--文件的資訊或標題-->
<TITLE> </TITLE> <!--網頁的標題-->
</HEAD> <!--文件資訊的結束-->
<BODY> <!--編輯區的開頭-->
</BODY> <!--編輯區的結束-->
</HTML> <!--HTML的結束-->
四、如何製作HTML文件:
HTML 的製作流程沒啥大步了的,可能就像您在寫文章一樣,其
過程大致如下:
規劃文件內容→編輯文件→用瀏覽器預先觀看之(不滿意在回去
修改)→申請空間→自己在網路上測試之→公布你的網頁
首先,你必須想好你的網頁要放哪些東西,大致上在做什麼,譬
如我的網頁是個人首頁,專供下載軟體的網站,還有那邊要放上
圖片,那邊要放表格.....等等。
六、HTML標籤:
HTML標籤沒有大小寫之分,例如:
<body>跟<BODY>跟 <BoDy>的效果都是一樣的。
HTML標籤有很多種類行的,例如:
□前後包夾型:這種類型必須成雙成對的出現,例如在文件中的
<BODY標籤,在稍後就必須在有一個 </BODY>的標籤至於
在這標籤內的文自救會被加上此標籤的效果。成對出現者,第
二個標籤就要加上一個斜線"/"。
□單槍匹馬型:這種標籤只需出現一次,像是 <BR>或 <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.簡單的格式變化:
□<BR>--換行
<BR>是讓您指定換行的標籤,只要在您希望換行的地方(通常是一行的
最後面)加上<BR>標籤,則瀏覽器就會先換行,再顯示後續的
文字,例如:
<BODY> 俠客的家
俠客的家<BR> →→→→ 俠客製作
俠客製作
</BODY>
□<P>--分段
每一個標籤是分隔不同段落用的。所謂分段就是說,除了分行外
,瀏覽器還會多一行空白,在接著顯示後面的文字。例如:
俠客的家<P> 俠客的家
俠客製作<BR> →→→→
在台南縣 俠客製作
在台南縣
|
|
|
※小叮嚀:投稿或引述文章內容請記得註明出處,以示尊重其著作財產權利,倘有疏漏之處也歡迎來信指教,謝謝。
|
|
|
投稿信箱 |
補充意見 |
|
|
門店升級雲端服務 →全門市 電子e化無紙作業系統← 適合*通訊行*醫美診所*實體門市 |
https://test.fixs3c.com
|
[推薦評價好店]-
4C快修連鎖門市
專業維修買賣 - 筆電 + 手機 + 電腦 + Iphone + Ipad
新北汐止店
(02) 7751-9182
新北市汐止區福德一路86巷22號
汐止修手機.汐止修iphone.汐止修ipad.汐止修筆電.汐止修電腦
新北板橋店
(02) 8257-3990
新北市板橋區四維路137巷10號
板橋修手機.板橋修iphone.板橋修ipad.板橋修筆電.板橋修電腦
桃園大溪店
(03) 387-4353
桃園市大溪區中華路210號
大溪修手機.大溪修iphone.大溪修ipad.大溪修筆電.大溪修電腦
台中市區店
(04) 2201-1289
台中市南區台中路140號
台中修手機.台中修iphone.台中修ipad.台中修筆電.台中修電腦
|
|
王師父專業牆壁切孔鑽孔引孔工程服務
牆壁鑽孔切割,牆面引孔鑽孔,地板鑽孔切割
台北鑽孔切割
三重鑽孔切割
新莊鑽孔切割
板橋鑽孔切割 |
|