歡迎閣下在此分享任何與遊艇活動有關的項目,包括考試技巧、駕駛經驗、機件維修、購物情報及最佳景點等資料。所有討論文章及相片必須與遊艇活動有關,而且禁止含有不雅、誹謗、誤導及商業推銷成份。所有言論內容,本會絕不負責,並且有權隨時刪除而不作任何通知。
如需刊登私人買賣租賃廣告,煩請使用免費買賣/租賃專區亦歡迎電郵本會 info@hkyacht.com.hk 查詢交換買賣廣告專頁費用
一般簡單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 document有一固定的格式,瀏覽器才可以辨識及分析,進而顯示在你的眼前,而基本格式為:
若您覺得背景顏色太單調,想要換成背景圖像的話,就得要在
如果想要在網頁內加入一條像下面的水平線,加入
如果要把文字變成粗體,就要加上的碼了 如果要把文字變成斜體,就要加上的碼了 如果要把文字加上底線,就要加上的碼了 遊艇老友交流站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
文字之超連結 連結為一個網頁不可少的東西,沒有連結就那都不能去,如要差入一個連結便要加入的碼 : 按下下面的連結會連到遊艇老友交流站!! 遊艇老友交流站 記得要加上的關閉碼唷,不然瀏覽器會把之後的東西都連到遊艇老友交流站 URL就是所要連結的網址 如果是要連結在同一系統內的檔案,則將URL改成相對的路徑即可 連結到同一目錄內的檔案 回首頁 連結在子目錄的檔案 連到a目錄裡的1.htm FTP的連結方式 中華電信 HINET FTP 當然也可以加上目錄名稱,甚至檔案名稱。 如此一來按一下就可以下載WS FTP的檔案 E-MAIL的連結方式 範例如下: 範例1:文字連結 網主的信箱 站長的信箱 而在的標籤中,可插入target="_new/_top/_blank/name" 來改變連結所開啟頁面的狀態!! 在target裡的參數如下 : _new=在一個新視窗開啟,不過只會一直在同一個新視窗開啟,不會另外在開一個新視窗 _top=在同一個視窗出現,不過是整個大視窗,而不是所分割後的視窗 _blank=跟_new差不多,只是會一直出現新的視窗,而不會在同一個新視窗開啟 ='' name=在frame有介紹,是給frame的name 而在的標籤中,可插入STYLE="text-decoration:none" 來消除連結的底線 當然所有的連結方式.並不一定用文字,用圖片也可以唷!
圖像是一個美化網頁的重要因素,要插入圖像,就要加入 上面的碼會做出下面的效果 : 其中內還可加入下列屬性,來變化圖檔 : alt="找不到圖檔時出現的內容" width=控制圖檔長度 height=控制圖檔高度 align=控制圖檔left(靠左 /right(靠右 /center(置中 border=控制外框粗細,不外框便設成0
加入背景音樂只要在
加入影片是近年非常流行的玩意,只要插入YouTube提供的原始碼即可讓你的網站直接撥放網上短片 : 我用了網主舊日的電視台訪問作為範例,格式如下: 出來的效果