九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
引用 [原創(chuàng)]HTML網(wǎng)頁代碼入門速成 - 成靖的日志 - 網(wǎng)易博客

引用 [原創(chuàng)]HTML網(wǎng)頁代碼入門速成

FLASH上傳空間 2009-09-06 10:49:48 閱讀11 評(píng)論0 字號(hào):

 

引用

滄海[原創(chuàng)]HTML網(wǎng)頁代碼入門速成
HTML代碼入門速成:

     關(guān)于html:(hyper text mark-up language)

     是一種文檔結(jié)構(gòu)的標(biāo)記語言(又叫超級(jí)文本),它使用約定的標(biāo)記對(duì)頁面上各種信息(文字、聲音、圖形、圖像、視頻等)、格式以及超級(jí)鏈接進(jìn)行描述。當(dāng)用戶瀏覽器打開這些信息時(shí),會(huì)自動(dòng)解釋這些標(biāo)記的含義,并將其顯示為用戶在屏幕上所看到的網(wǎng)頁。這種用html編寫的網(wǎng)頁又稱為html文檔。

     學(xué)習(xí)用途:早期用來編網(wǎng)頁的,雖然它號(hào)稱世上最簡(jiǎn)單的代碼(都不能稱上是程序),后來還是因?yàn)椴恢庇^被高效率的工具編輯軟件所替代了。但因?yàn)槠涫蔷W(wǎng)頁標(biāo)準(zhǔn)語言之一,至今很多地方可以應(yīng)用,比如一些論壇上就會(huì)注有支持HTML代碼,因此我寫下此貼,希望對(duì)不會(huì)的朋友使用這些標(biāo)簽代碼有所幫助!

     基本格式:<標(biāo)簽>內(nèi)容</標(biāo)簽>

         說明:不同標(biāo)簽會(huì)產(chǎn)生不同效果,如:<b>你好</b>,那就是把你好文字加粗,如:<i>你好</i>就是把你好兩個(gè)字傾斜。

     可以嵌套:<標(biāo)簽A><標(biāo)簽B><標(biāo)簽C>內(nèi)容</標(biāo)簽C></標(biāo)簽B></標(biāo)簽A> 注:注意順序,像小括號(hào)中括號(hào)大括號(hào)一樣套著用。

         說明:一段文字可以注上多個(gè)標(biāo)記,如:<u><i><b>你好</b></i></u>,這樣的結(jié)果就是瀏覽器打開后,看到你好兩個(gè)字是加粗且傾斜且?guī)聞澗€。

     測(cè)試方法:

          打開我們的附件里的記事本,把自己想測(cè)試的代碼寫在記事本上,然后保存時(shí)請(qǐng)注意,文件類型不要選為“文本文檔”,然選擇“所有文件”,然后在文件名上加上.html,如:test.html。存好后,直接雙擊打開此文件,就自動(dòng)會(huì)啟動(dòng)你的瀏覽器來觀看你的代碼效果。

     常用代碼:(記不得可以復(fù)制套用)

     一:字體格式代碼:

       1.字體標(biāo)簽 <font>文字內(nèi)容</font>

         a.字體大?。?lt;font size=3>文字內(nèi)容</font>  注:size取值范圍是1~7,數(shù)字愈大字也愈大。

         b.指定字型:<font face="字體名稱">文字內(nèi)容</font> 

           注:字體名稱常用:宋體、黑體、楷體等(如果標(biāo)上你電腦里沒有的字體,則以電腦默認(rèn)字體顯示)

         c.文字顏色:<font color=#000000>文字內(nèi)容</font>   //#000000是純黑色,#ffffff是純白色

           注:關(guān)于彩色代碼,可以利用聯(lián)眾論壇發(fā)貼編輯區(qū)里的修改文字顏色后來獲取自己喜歡顏色的16進(jìn)制代碼。
    
         d.文字加粗:<b>文字內(nèi)容</b>。

         e.文字傾斜:<i>文字內(nèi)容</i>。

         f.字下劃線:<u>文字內(nèi)容</u>。

      示例:我想把文字顏色設(shè)為:藍(lán)色,字體:隸書,字號(hào):5,并且加粗,寫上如下代碼就行。

      <font color=#0000ff face=隸書 size=5><b>文字內(nèi)容</b></FONT>


     二:段落排版代碼:

       1.換行標(biāo)簽:<br> 注:此標(biāo)記為單獨(dú)使用,不需要用</br>來結(jié)尾。

       2.分段標(biāo)簽:<p> 注:是另起一新段落,如:<p>新段內(nèi)容</p>。

       3.空格標(biāo)簽:  注:這個(gè)不用尖括號(hào),需要用時(shí)直接貼上。

       示例:你   好。 這樣的效果就是你    好。不使用這個(gè)代碼,無論你空多少格,網(wǎng)頁最多顯示出一個(gè)空格。

       4.對(duì)齊方式:(參照相對(duì)于頁面,內(nèi)容可以是文字、圖片或動(dòng)畫)

         a.左對(duì)齊:<left>內(nèi)容</left> 注:這是默認(rèn)值,左對(duì)齊不需要用標(biāo)簽注明。

         b.居中對(duì)齊: <center>內(nèi)容</center>

         c.右對(duì)齊:<right>內(nèi)容</right>


     三:動(dòng)態(tài)文字代碼:(沒注明的自動(dòng)顯示默認(rèn)值)

       1.文字移動(dòng)標(biāo)簽:<marquee>滾動(dòng)文字內(nèi)容</marquee>
   
         a.調(diào)速代碼:<marquee scrollAmount=1>滾動(dòng)文字</marquee> 注:1為最小值速度為最慢;數(shù)字越大移動(dòng)的越快。

         b.延遲代碼:<marquee scrolldelay=500>滾動(dòng)文字</marquee> 注:這是字符移動(dòng)每步的延時(shí),1為最小值,1000=1秒。

         c.對(duì)齊方式:<marquee align=left>滾動(dòng)文字</marquee> 注:up向上、down向下、left向左、right向右。

         d.移動(dòng)方式:<marquee behavior=scroll>滾動(dòng)文字</marquee> 注:scroll是文字單向移動(dòng),side是移動(dòng)到邊界停止,alternate是到邊界后反向移動(dòng)。
 
         e.循環(huán)次數(shù):<marquee loop=2>滾動(dòng)文字</marquee> 注:移動(dòng)字符的循環(huán)2次,屬性值為數(shù)字,若未指定則循環(huán)不止。

         f.高度寬度:<marquee width=500 height=50>滾動(dòng)文字</marquee> 注:width是文字寬度,height是文字高度,以象素為單位。

         g.縮進(jìn)設(shè)置:<marquee hspace=10>滾動(dòng)文字</marquee>  注:字符左右留空白長(zhǎng)度,屬性值為數(shù)字。

      示例:<marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>


     四:圖片顯示代碼:

       1.插入圖片標(biāo)簽:<img src="圖片網(wǎng)址.jpg"> 注:正常支持的圖片格式為jpg,jpeg,gif,png。

       2.設(shè)定圖框標(biāo)簽:<img src="圖形文件名" border=2> 注:border=線框粗細(xì)像素點(diǎn)數(shù),不用默認(rèn)為沒有邊框

       3.設(shè)定圖形大?。?lt;img src="圖形文件名" width=寬度點(diǎn)數(shù) height=高度點(diǎn)數(shù)> 注:不設(shè)默認(rèn)圖片原來大小

       4.設(shè)定圖形上下左右留空:<img src="圖形文件名" vspace=上下留空點(diǎn)數(shù) hspace=左右留空點(diǎn)數(shù)>

       5.圖形附注: <img src="圖形文件名" alt="說明文字"> 注:當(dāng)鼠標(biāo)指向圖片時(shí),顯示說明文字,不設(shè)默認(rèn)沒有。

       6.制作背景圖片:<BODY background="背景圖片網(wǎng)址">

      示例:<img src="


     五:移動(dòng)圖片代碼:(其實(shí)就是把三和四的代碼綜合應(yīng)用)

       1.<marquee><img src="圖片網(wǎng)址.jpg"></marquee>  注:想放多個(gè)圖片,就按此格式在中間插入。

      示例:<marquee><img src=">


     六:聲音播放代碼:

       1.<bgsound src="音樂文件地址" loop=1> 

       注:loop是循環(huán)次數(shù),這種背景音樂格式代碼,只有在IE瀏覽器中才可以聽到。一般用來插入wav wma mid mp3等格式的音樂。

      示例:<bgsound src="


     七:動(dòng)畫顯示代碼:

       1.<embed src="flash動(dòng)畫地址.swf"width="寬度值" height="高度值"></embed>

       注:寬度和高度值填入數(shù)字,以像素為單位。

      示例:<embed src="


     八:超級(jí)鏈接代碼:(如果需要?jiǎng)e人點(diǎn)擊你的文字或圖片后打開一個(gè)新的網(wǎng)頁面就看下面)

       1.<a href="點(diǎn)擊后打開的網(wǎng)址">需要加入鏈接的文字或圖片代碼</a>

       2.<a href="點(diǎn)擊后打開的網(wǎng)址" target="_blank">需要加入鏈接的文字或圖片代碼</a>

       注:2代碼增加了target="_blank"代碼的意思是在創(chuàng)建一個(gè)新窗口打開指定頁面!而1代碼是在原有窗口中載入頁面。

      示例:<a href="

   
     九:實(shí)用代碼:(重要!)

       1.讓FLASH動(dòng)畫背景透明代碼:<EMBED style="LEFT: 10px; POSITION: absolute; TOP: -70px" align=right src=FLASH的網(wǎng)址.swf width=550 height=400 type=application/x-shockwave-flash wmode="transparent">

       注:width=550 height=400 為動(dòng)畫寬高的數(shù)值,可自行調(diào)節(jié); style="LEFT: 10px; LEFT可改為右面RIGHT,10px是距離邊框的距離10像素,是可調(diào)整數(shù)字;absolute; TOP: -70px"是距離頂部的距離,可調(diào)整數(shù)字。


       1.層代碼:<div id="Parent" style="position:absolute; left:56px; top:54px; width:124px; height:158px; z-index:1;">這里可以放別的代碼,如文字或圖片或動(dòng)畫的代碼</div>

       注:這個(gè)代碼可以讓你放入層中的文字、圖片或動(dòng)畫和原來頁面上的其它內(nèi)容位置相互重疊,像設(shè)計(jì)軟件中的圖層一樣!可以修改的值分別是left、top(分別對(duì)應(yīng)x和y坐標(biāo)離頁面頂部和左部的距離),還有width、height是層的大小,最后:Z軸(也稱為堆疊順序)可以通過它的值來設(shè)定位置有重疊的多個(gè)層對(duì)象的上下疊放次序。

      綜合示例:要把一個(gè)FLASH動(dòng)畫放到層中,并且讓此FLASH的背景透明化。

      <div id="Parent" style="position:absolute; left:50px; top:50px; width:550px; height:400px; z-index:1;"><EMBED style="LEFT: 10px; POSITION: absolute; TOP: 0px" align=right src=http://upload.ourgame.com/bbs/upfile/2008/11/10/20081110164009zixing393278.swf width=550 height=400 type=application/x-shockwave-flash wmode="transparent"></div>


     備注:現(xiàn)在早就沒有人用語言來編寫網(wǎng)頁了,我也只是把常用和實(shí)用的代碼用法注解下,希望對(duì)網(wǎng)友編輯博客或QQ空間有所幫助,如果需要了解HTML全部代碼,請(qǐng)自己在網(wǎng)上搜下,如果你看完本貼,相信其它HTML代碼也會(huì)運(yùn)用自如!

    

打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
代碼入門教程(5)
常用HTML代碼速查表
放置首頁頂圖(圖片+文字)的代碼:
博客基本代碼解讀大全 - 香兒的日志 - 網(wǎng)易博客
20個(gè)常用代碼集合
代碼的運(yùn)用
更多類似文章 >>
生活服務(wù)
熱點(diǎn)新聞
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服