網頁字體設置源代碼

2023年12月11日發(作者：珍惜時間演講稿)

-

網頁字體設置源代碼

一、文字大小、字體、顏色

1. 設置文字大小的屬性是"size"他的取值范圍是1到7。其中1為最小，7為最大

格式：＜fonr size=文字大小＞被設置的字＜/font＞

2. 設置文字字體屬性是"face"

格式：＜font face=文字字體＞被設置的字＜/font＞

3. 設置文字顏色的屬性是"color"

格式：＜fonr color=文字顏色＞被設置的字＜/font＞

二、文字其它基礎效果

1. 文字加粗：＜b＞被設置的字＜/b＞

2. 文字斜體：＜i＞被設置的字＜/i＞

3. 文字下劃線：＜u＞被設置的字＜/u＞

4. 文字刪除線：＜s＞被設置的字＜/s＞

5. 文字移動

格式：＜marquee *Amount="移動速度" direction="方向" ＞被設置的字＜/marquee＞

設置移動速度屬性是*Amount，他的取值范圍是1到10。其中1為最慢，10為最快

設置移動方向屬性是direction，"up"（上），"down"（下），"left"（左），"right"（右）

三、文字段落設置

1. 文字換行：換行標記是＜br＞，放在文字結尾處使得其后的文字在下一行顯示

2. 文字段控制：段落標記是＜p＞，放在文字后，使其后文字空一行后換行顯示

這里介紹＜p＞標記的一個簡單屬性："align"用來設置文字段落的對齊方式。

屬性值有"center"（居中對齊），"left"（向左對齊），"right"（向右對齊）

格式：＜p align=屬性值＞被設置的段落＜/p＞

3. 文字的分區顯示：標記為＜div＞，屬性同＜p＞

格式：＜div align=屬性值＞被設置的段落＜/div＞

四、文字鏈接設置

1. 點擊文字轉到鏈接地址

格式：＜ a href="所要連接的相關地址"＞被設置的字＜/a＞

2. 點擊文字在新窗口中打開鏈接地址

格式：＜a href="相關地址" target="_blank"＞被設置的字＜/a＞

五、文字特效

1. 彩色字體色彩絢麗

彩色字體色彩絢麗

彩色字體色彩絢

color=#ff00ff>麗

2. 陰影字體

陰影字體

投影字體

5. 拋射字體

拋射字體

6. 倒影字體

倒影字體倒影字體

倒影字體

*="FILTER: FlipV; WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 華文行楷">倒影字

7. 向上移動的文字

向上移動的文字

width="100%" border=0>

8. 向下移動的文字

向下移動的文字

width="100%" border=0>

9. 向左移動的文字

向左移動的文字

size=6>向左移動的文字

10. 向右移動的文字

向右移動的文字

color=red size=6>向右移動的文字

11. 由中間向兩邊移動的文字

由中間向兩邊移動的文字由中間向兩邊移動的文字

size=6>由中間向兩邊移動的文字

width=200 height=50>由中間向兩邊移動的文字

12. 由上下向中間移動的文字

由上下向中間移動的文字

由上下向中間移動的文字

height=60>
由上下向中間移動的文字

height=60>由上下向中間移動的文字

文字連續滾動代碼

…………要滾動的文字…………

direction：這個標記是說明所要滾動的文字是向哪個方向滾動的，它的參數有：left,right,up,down

left：文字自右向左滾動

right：文字自左向右滾動

up：文字自下向上滾動

down：文字自上向下滾動

這個標記是IE特有的，NETSCAPE是瀏覽不到這效果的

loop：如果想讓文字無限循環，則參數是"-1"；如果不是可以自行設置循環次數

behavior：滾動形式，有scroll，alternate,slide等。

scroll:是以滾動的形式移動

alternate:是以來回的形式移動

slide:文字滾動出來后不再動

dataformatas：文字類型，參數為：html,text,css等等

width：你可以自行設置滾動窗口的寬度，大小是以像素為單位的，如100,150等,也可以用百分數表示，如50%

height：跟width一樣是控制窗口的高度，大小也是以像素為單位的

scrolldelay：即是兩次循環間的時間間隔，當一次循環結束后，第二次循環會在所設置的時間后出現，單位為毫秒。1秒=1000毫秒

scrollamount：每次移動的長度，以像素為單位

bgcolor：背景顏色，可以是16進制數，也可以是顏色名（請參看顏色表）

2。用JAVASCRIPT實現，功能強大

實現文字從下往上不間斷的滾動

<script language=JavaScript>

marqueeyHeight=140; //載體高度控制

stopscroll=fal; with(marqueey){

=0;

=marqueeyHeight;

owX="visible";

owY="hidden";

noWrap=true;

onmouover=new Function("stopscroll=true");

onmouout=new Function("stopscroll=fal");

}

('

preTop=0; currentTop=0;

functioninit(){

TML="";

while(Height

TML+=TML;

}

TML=TML+TML;

tInterval("scrollUp()",40); //滾動速度控制,越大越慢

}

=init;

functionscrollUp(){

if(stopscroll==true) return;

preTop=Top;

Top+=1;

if(preTop==Top){

Top=Height-marqueeyHeight;

Top+=1;

}

}

</script>

id="templayer"

-