Flash版面  
HTML語法 Flash基礎 Photoshop教學 3dsmax窺探 SEO漫談 Dreamweaver教學 ImageReady 網路行銷方法
 
  【網頁HTML語法2】  
 
 

 

 

 

 

清單設定方式
圓頭清單
只要加入<ul>的碼,便可製出有小圓頭的清單 :

<ul>
<li>物件清單1
<li>物件清單2
<li>物件清單3
</ul>


上面的原始碼會顯示成下面的樣子 :

 

 

 

物件清單1
物件清單2
物件清單3
在<ol>的標籤內加入一些參數就可以讓顯出的效果有所變動唷 :

<ul type=disc>


這是一般的小圓點
<ul type=circle>


這是空心的小圓點
<ul type=square>


這是實心正方黑點
數字清單
跟小圓頭的方式很像,只要加入<ol>的碼,便可製出有數字的清單 :

<ol>
<li>清單1
<li>清單2
<li>清單3
</ol>


上面的原始碼會顯示成下面的樣子 :

清單1
清單2
清單3
type=A(控制清單之前數字的參數顯示成A. B. C......)
type=a (控制清單之前數字的參數顯示成a. b. c......)
type=I (控制清單之前數字的參數顯示成I. II. III......)
type=i (控制清單之前數字的參數顯示成i. i. iii......)
start=起始的數值
定義清單
一般做為解釋一樣動作,加入以下的碼便可做一個定義清單

<dl>
<dt>耗子
<dd>是這裡的站長
<dt>電腦
<dd>已成為人類生活的一部分
</dl>


上面的原始碼會顯示成下面的樣子 :

耗子
是這裡的站長
電腦
已成為人類生活的一部分

 

    標題文字
瀏覽器可分出六種大小的標題文字,原始碼如下 :

<h1>標題文字1</h1>
<h2>標題文字2</h2>
<h3>標題文字3</h3>
<h4>標題文字4</h4>
<h5>標題文字5</h5>
<h6>標題文字6</h6>


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

標題文字1

標題文字2

標題文字3

標題文字4

標題文字5

標題文字6

文字設定
如果要把文字變成粗體,就要加上<b>的碼了

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

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

  耗子洞HTML教學 <b>耗子洞HTML教學</b>

  耗子洞HTML教學 <i>耗子洞HTML教學</i>

  耗子洞HTML教學 <u>耗子洞HTML教學</u>

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

<font face="Arial" color="#cc33ff" size="7">Good morning</font>

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

Good morning

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

強迫換行
  如果覺得您的文字太長,想要您的文字跳到下一行,就要加上<br>或<p>的碼 :

  斷行1<br>
  斷行2<p>

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

  而<p>是比<br>多跳一行的。

  在<p>的標籤內,可以加入align=left/right/center這樣就可以控制在<p>之後的物件是靠左/靠右/置中了 :

  如果在<p>內有加入align的屬性,記得加上</p>的關閉碼

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

<pre>
格式會跟你打的一樣唷
看到了嗎
會一模一樣唷!!
</pre>


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

 

插入超連結
文字之超連結
  連結為一個網頁不可少的東西,沒有連結就那都不能去,如要差入一個連結便要加入<a href="URL">的碼 :

  按下下面的連結會連到奇摩站唷!!

奇摩站

  記得要加上</a>的關閉碼唷,不然瀏覽器會把<a href="http://www.kimo.com">之後的東西都連到奇摩站

URL就是所要連結的網址

如果是要連結在同一系統內的檔案,則將URL改成相對的路徑即可

連結到同一目錄內的檔案

<a href="index.htm">回首頁</a>

連結在子目錄的檔案

<a href="a/1.htm">連到a目錄裡的1.htm</a>

FTP的連結方式
&LTA HREF="ftp://ftp.hinet.net"&GT中華電信 HINET FTP&LT/A&GT


當然也可以加上目錄名稱,甚至檔案名稱。
&LTA HREF="ftp://ftp.hinet.net/windows/windows95/simtel.net/inet/ ws_ftp32.zip"&GT
如此一來按一下就可以下載WS FTP的檔案&/A&GT


GOPHER的連結方式
範例如下:
&LTA HREF="gopher//gopher.ntu.edu.tw"&GT台大的GOPHER&LT/A&GT

指定要進入的GOPHER主機,同樣可以加上目錄名稱。

E-MAIL
範例如下:
範例1:文字連結
< A HREF="mailto:nanshanlive@yahhoo.com.tw.com">站長的信箱</A>
站長的信箱

而在<a href="URL">的標籤中,可插入target="_new/_top/_blank/name"
來改變連結所開啟頁面的狀態!!

在target裡的參數如下 :

_new=在一個新視窗開啟,不過只會一直在同一個新視窗開啟,不會另外在開一個新視窗
_top=在同一個視窗出現,不過是整個大視窗,而不是所分割後的視窗
_blank=跟_new差不多,只是會一直出現新的視窗,而不會在同一個新視窗開啟 =''
name=在frame有介紹,是給frame的name
而在<a href="URL">的標籤中,可插入STYLE="text-decoration:none"
來消除連結的底線

  當然所有的連結方式.並不一定用文字,用圖片也可以唷!

 

網頁設計涵蓋有:網站設計,網頁製作,架設網站,網站建置,網站規劃,網站製作,多媒體網頁設計,Flash網頁設計,網站維護,網頁界面設計,互動表單網頁設計,3D Flash網頁設計,工商產品網站之互動解說網頁,3D虛擬企業(識別)代言人嚮導網頁,特殊網頁...等,一應俱全,歡迎聯絡洽詢與訂製.

結盟網站
網路行銷 - 網頁設計
優質單身 - 未婚聯誼
一生最愛 - 單身聯誼
3D動畫 - 網頁設計
一往情深 - 聯誼茶會
一一成對 - 交友聯誼
                    服務項目
  • 網頁設計網站設計:網站視覺設計、Flash動畫設計、網站資料庫建置、網站系統建置、 企業網站規劃製作、購物網站規劃製作
  • 3D Flash:結合3D軟體設計與Flash製作,呈現比平面更淋漓盡緻的立體表達效果是未來主流
  • 3D 動畫:3D的物件建模及動態表現
  • 大自然造景:一切動靜態的大自然山水景物天色雲彩房舍
  • 企業3D虛擬人物代言人:如大同寶寶的企業人物商標設計、卡通擬真美感或科幻..造型及言語行為
  • 網站維護:節省您的人事成本長期合作維護
  • 網路行銷:搜尋引擎最佳化、網路活動設計、網路廣告設計
  • 平面設計:企業CIS識別系統設計、平面排版美編設計、 DM文宣手冊設計
  • 其他..0

 

 
 

 

     
 
回到首頁內容主題網頁設計作品櫥窗客制服務技術解析聯絡我們線上詢價

Flash版面

Copyright 2007流動世界網頁設計公司版權所有 Floworld Webdesign All Rights Reserved.
聯絡電話 : 0912-565680•呂先生• 聯絡信箱: phil_sense@yahoo.com.tw