第二章 標(biāo) 簽 應(yīng) 用
第一節(jié) 文字標(biāo)簽的應(yīng)用
第一章講解了代碼基礎(chǔ)知識(shí),。在第一章中,,簡(jiǎn)單介紹了什么是代碼,如何學(xué)習(xí)代碼,,認(rèn)識(shí)標(biāo)簽,、認(rèn)識(shí)標(biāo)簽名稱以及常用標(biāo)簽的屬性與屬值。這部分知識(shí),,比較枯燥,,但是,它是學(xué)習(xí)代碼的基礎(chǔ),,不懂這些知識(shí),,既不能分析別人的作品代碼,更不能制作網(wǎng)頁(yè),。而撰寫(xiě)文章處,,是學(xué)習(xí)代碼的風(fēng)水寶地,離開(kāi)了這個(gè)風(fēng)水寶地,,學(xué)習(xí)代碼就是一句空話,。因此,,我們必須熟悉撰寫(xiě)文章處的兩種頁(yè)面,,要充分應(yīng)用這個(gè)風(fēng)水寶地;我們一定要認(rèn)真學(xué)習(xí),、反復(fù)鞏固第一章的代碼基礎(chǔ)知識(shí),,在以后各章節(jié)的學(xué)習(xí)和應(yīng)用中,要不斷地返回第一章,,參閱有關(guān)內(nèi)容,,把你制作網(wǎng)頁(yè)的體會(huì)記好筆記,設(shè)置一個(gè)專門(mén)的文件夾保存起來(lái),。
第二章講解各種標(biāo)簽的應(yīng)用,,下面先講解文字標(biāo)簽的應(yīng)用。
文字標(biāo)簽語(yǔ)法:<FONT>內(nèi)容</FONT> (標(biāo)簽語(yǔ)法:指的是標(biāo)簽的表達(dá)方式,、使用方法,。)
文字標(biāo)簽常用的屬性:字體(face),、字號(hào)(size)和文字顏色(color)。
常用的字體(face)有:宋體,、黑體,、隸書(shū)、楷體,、幼圓,、華文行楷、微軟雅黑等等,。它們的顯示效果如下:
宋體:“春天沒(méi)來(lái)”歡迎您 黑體:“春天沒(méi)來(lái)”歡迎您
隸書(shū):“春天沒(méi)來(lái)”歡迎您 楷體:“春天沒(méi)來(lái)”歡迎您
幼圓:“春天沒(méi)來(lái)”歡迎您 華文行楷:“春天沒(méi)來(lái)”歡迎您
微軟雅黑:“春天沒(méi)來(lái)”歡迎您
在這些字體中,,“宋體、隸書(shū),、幼圓”并沒(méi)有多大的區(qū)別,,“隸書(shū)”,也不是“書(shū)法”作品中的隸書(shū),。
字號(hào)(size)一般有兩種表示方法:(1)應(yīng)用 字體屬值表示字號(hào),。如:size=4 (2)用應(yīng)用css樣式表示字號(hào);如:style=font-size:40pt
在這里我要說(shuō)明的是:這里的字號(hào)(size)與360doc圖書(shū)館在撰寫(xiě)文章處提供的字號(hào)是兩碼事,。這里的字號(hào)(size),,1號(hào)字體最小,7號(hào)字體最大,;而360doc圖書(shū)館在撰寫(xiě)文章處提供的字號(hào),,6號(hào)最小,初號(hào)最大,。
文字顏色(color)一般有三種表示方法: (1)英語(yǔ)顏色名稱表示法,。如:color="orange"; (2)十六進(jìn)制顏色表示法,。如:bgcolor="#CCFFCC" (3)十進(jìn)制顏色表示法,。如:color="rgb(255,0,0)"
文字標(biāo)簽基本的表達(dá)方法有兩種:
(1)<font style="font-family: 楷體; font-size: 32px;" color="#ff0000">“春天沒(méi)來(lái)”歡迎您</font>
(2) <font color="#ff0000" size="6" face="楷體">“春天沒(méi)來(lái)”歡迎您</font>
文字標(biāo)簽的應(yīng)用,就是在文字標(biāo)簽中添加一至三種屬性,,并且變換它們的屬值,,從而達(dá)到不同文字效果的制作過(guò)程。例如:你可以在文字標(biāo)簽中只添加“顏色”的屬性與屬值,,代碼如下:<font color="#ff0000" >“春天沒(méi)來(lái)”歡迎您</font> ,。你也可以在文字標(biāo)簽中只添加“字號(hào)”的屬性與屬值,代碼如下:<font size="6" >“春天沒(méi)來(lái)”歡迎您</font> ,。
在系統(tǒng)默認(rèn)的情況下,,文字字體(face)是宋體,字號(hào)(size)是小四,,文字顏色(color)是黑色,。
文字標(biāo)簽的應(yīng)用,,在大多數(shù)的情況下,還是與其它標(biāo)簽(例如:圖片標(biāo)簽,、移動(dòng)標(biāo)簽,、表格標(biāo)簽等標(biāo)簽)聯(lián)合起來(lái)應(yīng)用的。例如:在表格標(biāo)簽中設(shè)置一個(gè)閃光的背景圖片,,在表格的單元格中輸入文字標(biāo)簽,,就會(huì)制作出美麗的閃光文字來(lái)。
文字標(biāo)簽與其它標(biāo)簽聯(lián)合應(yīng)用舉例:
代碼1:
<div style="width: 560px; filter: shadow(color=#00ff00, strength=10);">
<font style="line-height: normal; font-size: 40pt; font-style: normal; font-variant: normal;
font-weight: normal;" color="#ff0000" face="華文行楷"><b>“春天沒(méi)來(lái)”歡迎您
</b></font></div>
代碼2:
<TABLE border=2 background=http://image53.360doc.com/DownloadImg/
2012/07/1017/25421788_2.jpg align=center>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#0000FF)" align=center>
<FONT style="FONT-SIZE: 50pt" color=#336699 face=隸書(shū)><B>春天沒(méi)來(lái)歡迎您
</B></FONT></TD></TR></TBODY></TABLE>
代碼3:
<TABLE border=4 background=http://image53.360doc.com/DownloadImg/
2012/07/1017/25421788_6.jpg align=center>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#000000)" align=center>
<FONT style="FONT-SIZE: 50pt" color=#336699 face=隸書(shū)>
<B>“春天沒(méi)來(lái)”歡迎您</B></FONT></TD></TR></TBODY></TABLE>
代碼4:
<div align="center">
<div style="width: 769px; height: 106px; filter: shadow(color= #FF4500, strength=60);">
<font style="line-height: normal; font-size: 40pt; font-style: normal; font-variant: normal;
font-weight: normal;" color="#ffff00" face="迷你簡(jiǎn)秀英">
<div align="left">
<marquee style="width: 798px; height: 421px;" behavior="alternate">
“春天沒(méi)來(lái)”歡迎您
</marquee></div></font></div></div>
文字標(biāo)簽與其它標(biāo)簽的聯(lián)合應(yīng)用,,我將在以后的相關(guān)章節(jié)中進(jìn)行講解,。
作業(yè):
1、熟記文字標(biāo)簽語(yǔ)法,。
2,、熟記文字標(biāo)簽的三種常用屬性。
3,、熟悉常用的幾種字體,。
4、認(rèn)識(shí)文字顏色的三種表達(dá)方式,。熟悉其中的十進(jìn)制顏色和十六進(jìn)制顏色的表達(dá)方式,。
5、熟悉字體的兩種表達(dá)方式,。
6,、把“文字標(biāo)簽與其它標(biāo)簽聯(lián)合應(yīng)用舉例”的四種代碼分別粘貼到“撰寫(xiě)文章處”發(fā)表觀察其效果。
2012年10月2 3 日于北京
第二章 標(biāo)簽應(yīng)用
第二節(jié) 移動(dòng)文字(1)
在移動(dòng)標(biāo)簽中,,移動(dòng)方向和移動(dòng)速度是最基本的屬性,。本節(jié)我們先來(lái)熟悉一下不同的移動(dòng)方向和移動(dòng)速度的實(shí)際效果。
移動(dòng)標(biāo)簽語(yǔ)法:<marquee>內(nèi)容</marquee>
移動(dòng)標(biāo)簽的屬性:移動(dòng)方向(direction),、移動(dòng)速度(scrollamount),。
移動(dòng)方向的屬值:left(向左移動(dòng))、
right(向右移動(dòng)),、up(向上移動(dòng)),、down(向下移動(dòng)),。默認(rèn)為left (向左移動(dòng)),。
移動(dòng)方向的表示方法如:direction=up
(等號(hào)后面的方向可替換)
移動(dòng)速度的屬值是數(shù)字。
移動(dòng)速度的表示方法:scrollamount=4 (等號(hào)后面的數(shù)字可替換)
請(qǐng)瀏覽下面的代碼,,觀察它們的實(shí)際顯示效果:
“向左行”代碼:
<marquee direction="left"><font
style="line-height: normal; font-size: 20pt; font-style: normal; font-variant:
normal; font-weight: normal;"
color="#ff00ff">我在向左行</font></marquee>
效果:
“向右行”代碼:
<marquee direction="right"><font style="line-height: normal;
font-size: 20pt; font-style: normal; font-variant: normal; font-weight: normal;"
color="#ff00ff">行右向在我</font></marquee>
效果:
“向上行”代碼:
<marquee direction="up"><font style="line-height: normal;
font-size: 20pt; font-style: normal; font-variant: normal; font-weight: normal;"
color="#ff00ff">我在向上行</font></marquee>
效果:
“向下行”代碼:
<marquee direction="down"><font style="line-height: normal;
font-size: 20pt; font-style: normal; font-variant: normal; font-weight: normal;"
color="#ff00ff">我在向下行</font></marquee>
效果:
移動(dòng)速度為“1”的代碼:<marquee scrollAmount="1"><FONT
style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE:
20pt; FONT-WEIGHT: normal" color=#ff00ff>我慢如老牛</FONT></marquee>
效果:
移動(dòng)速度為“3”的代碼:
<marquee scrollAmount="3"><FONT style="LINE-HEIGHT: normal;
FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 20pt; FONT-WEIGHT: normal"
color=#ff00ff>我的速度正常</FONT></marquee>
效果:
移動(dòng)速度為“8”的代碼:
<marquee scrollAmount="8"><FONT style="LINE-HEIGHT: normal;
FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 20pt; FONT-WEIGHT: normal"
color=#ff00ff>我快步如飛</FONT></marquee>
效果:
移動(dòng)速度為“20”的代碼:
<MARQUEE scrollAmount=20><FONT style="LINE-HEIGHT: normal;
FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 20pt; FONT-WEIGHT: normal"
color=#ff00ff>我快極了</FONT></MARQUEE>
效果:
移動(dòng)速度為“80”的代碼:
<MARQUEE scrollAmount=80><FONT style="LINE-HEIGHT: normal;
FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 20pt; FONT-WEIGHT: normal"
color=#ff00ff>我如火箭</FONT></MARQUEE>
效果:
移動(dòng)速度為“440”的代碼:
<MARQUEE scrollAmount=440><FONT style="LINE-HEIGHT: normal;
FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 20pt; FONT-WEIGHT: normal"
color=#ff00ff>我如閃電</FONT></MARQUEE>
效果:
作業(yè):
1,、熟練掌握“移動(dòng)標(biāo)簽語(yǔ)法”。
2,、學(xué)會(huì)在移動(dòng)標(biāo)簽中添加“移動(dòng)方向”和“移動(dòng)速度”的屬性,。
3,、學(xué)會(huì)聯(lián)合應(yīng)用移動(dòng)標(biāo)簽和文字標(biāo)簽。
請(qǐng)注意,,順序必須是:<移動(dòng)標(biāo)簽><文字標(biāo)簽>文字內(nèi)容<文字尾標(biāo)簽><移動(dòng)尾標(biāo)簽>
4,、根據(jù)上面文章中提供的代碼,自己制作幾篇移動(dòng)文章,。要不斷改變移動(dòng)方向和移動(dòng)速度的數(shù)值,,觀察其效果。