久久国产成人av_抖音国产毛片_a片网站免费观看_A片无码播放手机在线观看,色五月在线观看,亚洲精品m在线观看,女人自慰的免费网址,悠悠在线观看精品视频,一级日本片免费的,亚洲精品久,国产精品成人久久久久久久

分享

代碼入門(mén)教程(8)

 春天沒(méi)來(lái) 2012-10-22

第二章  標(biāo) 簽 應(yīng) 用

第一節(jié)  文字標(biāo)簽的應(yīng)用

“春天沒(méi)來(lái)”歡您
        第一章講解了代碼基礎(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)

“春天沒(méi)來(lái)”歡迎您 “春天沒(méi)來(lái)”歡迎您 “春天沒(méi)來(lái)”歡迎您
 
        在移動(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ù)值,,觀察其效果。
 
 
 
2012年10月2 3 日于北京

    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多