遊艇老友交流站

歡迎閣下在此分享任何與遊艇活動有關的項目,包括考試技巧、駕駛經驗、機件維修、購物情報及最佳景點等資料。所有討論文章及相片必須與遊艇活動有關,而且禁止含有不雅、誹謗、誤導及商業推銷成份。所有言論內容,本會絕不負責,並且有權隨時刪除而不作任何通知。

如需刊登私人買賣租賃廣告,煩請使用免費買賣/租賃專區
亦歡迎電郵本會 info@hkyacht.com.hk 查詢交換買賣廣告專頁費用

遊艇老友交流
Start a New Topic 
Author
Comment
一般簡單html教學

一般簡單html教學

很高興此討論區也開放了html功能,假如討論中能圖文並茂,相信必定更加精彩,因此我也來一點貢獻吧。 以往我也學過一些般簡單的html語言,但對於從未接觸的網友而言並不是一件易事,煩請各位高手不要見笑,因為只是個人分享而已。

概述html

HTML的全名是HyperText Markup Language,是編寫網頁的基本語言,而它並不是一個程式, 只是一些插在普通文件內的碼( code ),這些碼可以控制我們的瀏覽器要怎樣把文件顯示出來, 就是你現在所看到的頁面就是用HTML來控制的,它可控制字體的大小,也可以插入連結或圖像。

  一個HTML檔稱為HTML document,存檔的副檔名為htm或 html,編寫的方式有很多種, 最原始的方法是用windows內的記事本或各種文書編輯軟體,而現在有一種軟體也是編寫HTML碼, 但具有預覽及插入特效的功能,如Dida網頁速寫器,編寫完成後記得儲存成*.htm或*.html 即可。

  若你想看一個網頁的HTML檔,只要在瀏覽器內按下咱k鍵,再選擇檢視原始檔(view)即可。

  一份標準的HTML文件是由元素所組成的,元素是由標籤(Tag)以及文件內容所組成。 文件內容可以是文字、圖形、甚至是影像、聲音等等。而標籤又是啥東東呢?? 一個開始標籤( < > )是由一個小於符號(<)和一個大於符號( > )所構成的 一個起始標籤中加一道斜線"/"就構成了結束標籤( ) 而一對標籤是由一個起始標籤和一個結束標籤所構成的。


待續,請勿在此回覆

html的結構

HTML document有一固定的格式,瀏覽器才可以辨識及分析,進而顯示在你的眼前,而基本格式為:



<br />


您所要在瀏覽器顯示的內容



有兩個須要注意的地方,每一個開啟碼是由< > 兩個符號所框住的,而關閉碼是由 所框住的,而每一個HTML碼有開就要有關,後面的單元會逐一的介紹。


待續,請勿在此回覆

顏色設定

bgcolor="#xxxxxx" text="#xxxxxx"  link="#xxxxxx" vlink="#xxxxxx"  alink="#xxxxxx">

bgcolor=控制背景顏色
text=控制文字顏色
link=控制連結顏色
vlink=控制已閱讀過的顏色
alink=控制正在連結的顏色

  而xxxxxx六個數值代表紅/綠/籃的顏色元素值,為A~F及0~9等所組合起來的六個數值, 配色的功力就得看您自己嚕,右邊有我所製做的調色區有16的6次方種顏色供您參考 :

  另外在xxxxxx的部份也可用顏色的英文單字代替,但xxxxxx之前的#要去掉,如text="#000000"可換成 text="BLACK"

加入背景圖像

若您覺得背景顏色太單調,想要換成背景圖像的話,就得要在內加入background的屬性了。如果你的背景圖檔檔名為 back.gif,則內便要寫成 :

background="back.gif" text="#000000" link="#0066cc" vlink="#336600">

  PS:如果圖像的檔案跟您網頁的檔案不在同一目錄裡,則必須輸入完整路徑,如http://www.123.com.tw/back.gif。

bgproperties="fixed"(使背景圖像固定不動,不過只有IE有效果

加入水平分線

如果想要在網頁內加入一條像下面的水平線,加入


的碼即可。




這是上面那一條線的原始碼 :




size=控制線的寬度
align=控制線是靠左(left)/靠右(right)/中間(center)
width=控制線的長度,可用數字或百分比
noshade=控制線沒有陰影
color=控制線的顏色


待續

標題文字

標題文字1


標題文字2


標題文字3


標題文字4


標題文字5

標題文字6



上面的碼會造出下面六種大小的標題文字 :

標題文字1


標題文字2


標題文字3


標題文字4


標題文字5

標題文字6

文字設定

如果要把文字變成粗體,就要加上的碼了

如果要把文字變成斜體,就要加上的碼了

如果要把文字加上底線,就要加上的碼了

  遊艇老友交流站HTML教學 
  遊艇老友交流站HTML教學 遊艇老友交流站HTML教學

  遊艇老友交流站HTML教學 遊艇老友交流站HTML教學

文字的控制

文字的控制要加上的碼,它可以控制文字的大小,顏色,字型,在裡加上一些屬性就可以控制

Hong Kong Yacht Fans Club


上面的碼會做出下面的文字 :

Hong Kong Yacht Fans Club

face=控制文字字體,填入字體名稱
color=控制文字顏色
size=控制文字大小,數字1~7

強迫換行

如果覺得您的文字太長,想要您的文字跳到下一行,就要加上

的碼 :

  斷行1

  斷行2


上面的碼會顯現強迫換行效果 :

  而

是比
多跳一行的。
  在

的標籤內,可以加入align=left/right/center這樣就可以控制在

之後的物件是靠左/靠右/置中了 :
  如果在

內有加入align的屬性,記得加上

的關閉碼

文字格式化

的碼可以將你所要顯示的文字格式一模一樣的顯示在瀏覽器上,再用
來關閉


格式會跟你打的一樣唷
看到了嗎
會一模一樣唷!! OK



格式會跟你打的一樣唷
看到了嗎
會一模一樣唷!! OK

Re: 一般簡單html教學

圖像是一個美化網頁的重要因素,要插入圖像,就要加入

Kevin Lo

上面的碼會做出下面的效果 :

Kevin Lo

其中內還可加入下列屬性,來變化圖檔 :

alt="找不到圖檔時出現的內容"
width=控制圖檔長度
height=控制圖檔高度
align=控制圖檔left(靠左 /right(靠右 /center(置中
border=控制外框粗細,不外框便設成0

安裝音樂

加入背景音樂只要在跟之間插入下列原始碼即可讓你的網站有悅耳的聲音唷 :

你現在所聽到的就是在主頁"天空之城"的midi


src=設定你想要撥放的midi音樂檔名
loop=音樂重撥次數,如想不斷撥放便設成infinite

插入短片

加入影片是近年非常流行的玩意,只要插入YouTube提供的原始碼即可讓你的網站直接撥放網上短片 :

我用了網主舊日的電視台訪問作為範例,格式如下:









出來的效果