明輝手游網(wǎng)中心：是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)！

幾種對(duì)于html與css的使用方法

發(fā)表時(shí)間：2023-09-13 來(lái)源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]本文主要和大家介紹了幾種關(guān)于html和css的使用方法,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧，希望能幫助到大家。HTML使用方法篇一：顏色代碼 如果你想使用某種顏色，取得它的顏色值即可。比如，您想改變某些文字的顏色，您可以使用下面的代碼：<font co...
本文主要和大家介紹了幾種關(guān)于html和css的使用方法,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧，希望能幫助到大家。

HTML使用方法篇

一：顏色代碼
如果你想使用某種顏色，取得它的顏色值即可。比如，您想改變某些文字的顏色，您可以使用下面的代碼：<font color=#ffc060 size=2>改變#符號(hào)后的代碼即可改變顏色</font>

二：文字加粗 傾斜的代碼

◆文字加粗的代碼是: <b>你好</b> ◆文字傾斜的代碼是: <i>你好！</i> ◆底線字：<u></u>


三：文字鏈接代碼
如果您想點(diǎn)擊某處文字會(huì)連接到另外一個(gè)網(wǎng)頁(yè)的效果，這是超鏈接，代碼是這樣：
<a href="網(wǎng)站地址";>共享空間</a>如果要點(diǎn)了這個(gè)文字以后重新打開(kāi)一個(gè)窗口的話，代碼是：<a href="網(wǎng)站地址";; target="_blank">共享空間</a>

四：在網(wǎng)站上放圖片的代碼
如果你看到一個(gè)好看的圖片想放到網(wǎng)站上，代碼是這樣的：
<img src="/Article/UploadFiles/200605/20060507081900201.gif"; width="150" height="100">
后面的數(shù)字調(diào)節(jié)圖片的尺寸大小。

五：圖片鏈接代碼
如果要點(diǎn)一下圖片就能打開(kāi)一個(gè)網(wǎng)站的鏈接代碼是這樣的：
<a href="http://www.163.com/";><img src="/Article/UploadFiles/200605/20060507081900201.gif"; width="150" height="100"></a>
如果要點(diǎn)一下圖片就能打開(kāi)一個(gè)網(wǎng)站的鏈接，并且重新打開(kāi)一個(gè)窗口。代碼是這樣的：
<a href="http://www.163.com/";; target="_blank"><img src="/Article/UploadFiles/200605/20060507081900201.gif"; width="150" height="100"></a>上面的數(shù)字都能調(diào)節(jié)圖片尺寸大小。

六：換行代碼

如果你想換行，直接用Enter鍵是不行的，需要在您想換行的位置輸入<br>
，這樣就會(huì)分成兩行顯示 ，整個(gè)網(wǎng)站看起來(lái)也不會(huì)是一大片了，而是段落分明。

七：文字移動(dòng)的代碼是
<marquee>這里寫(xiě)文字</marquee>

八：移動(dòng)圖片的代碼
<marquee><img src="/Article/UploadFiles/200605/20060507081900241.jpg";><img src="/Article/UploadFiles/200605/20060507081900700.jpg";><img src="/Article/UploadFiles/200605/20060507081900831.jpg";><marquee>
把里面的圖片地址換成你的就行 想多放一個(gè)圖片就按照格式在中間插入：
<img src="/Article/UploadFiles/200605/20060507081900700.jpg";>
里面的圖片地址自己定。

九：背景音樂(lè)的代碼
如果想在你的網(wǎng)站上放上一段好聽(tīng)的背景音樂(lè)，代碼是： <bgsound src="http://xxxxx.com/xxx.mid";loop=10>
<bgsound src="http://www.midifan.com/midi/music.ASP?id=3073";loop=30> 里面的背景音樂(lè)地址你能自己替換。
前面的是音樂(lè)地址，一般都以mid或者mp3的形式結(jié)尾 后面的數(shù)字是播放次數(shù)。
http://www.midifan.com/midi/
這個(gè)網(wǎng)站都有好的背景音樂(lè)

十：在網(wǎng)站中插入一個(gè)flash動(dòng)畫(huà)的代碼是
<embed width=200 height=200
src="http://flash.shangdu.com/view/2/fff.swf";> 里面的動(dòng)畫(huà)地址換成你的.動(dòng)畫(huà)地址都要以swf的形式結(jié)尾。這點(diǎn)需要注意。

十一：打開(kāi)網(wǎng)站時(shí)候出現(xiàn)的歡迎詞代碼
<body onLoad= alert("你好，歡迎訪問(wèn)本網(wǎng)站！")>

十二：關(guān)閉網(wǎng)站的時(shí)候出現(xiàn)的話
<body onUnload="window.alert('謝謝您的光臨)">

十三：打開(kāi)網(wǎng)站的時(shí)候自己做一個(gè)彈出窗口的廣告
<script language="javascript">
var TimerID=1;
window.open('http://163.com'/;,'','width=600,height=300,left=100,top=50');
</script>
里面的 http://163.com/ 這個(gè)是你預(yù)先做好的一個(gè)網(wǎng)頁(yè)，后面的數(shù)字是調(diào)節(jié)大小和位置的，你自己多試驗(yàn)幾次。

十四：鼠標(biāo)感應(yīng)字體變紅色

代碼如下：插在<body></body>之間 

<STYLE type=text/css>TD { 
FONT-SIZE: 12px 
} 
BODY { 
FONT-SIZE: 12px 
} 
INPUT { 
FONT-SIZE: 12px 
} 
A:link { 
COLOR: #000000; TEXT-DECORATION: none 
} 
A:visited { 
COLOR: #000000; TEXT-DECORATION: none 
} 
A:active { 
COLOR: blue; TEXT-DECORATION: none 
} 
A:hover { 
COLOR: red; TEXT-DECORATION: underline 
} .so { 
BORDER-RIGHT: 1px ridge; BORDER-TOP: #ffffff 1px ridge; FONT-SIZE: 12px; BORDER-LEFT: #ffffff 1px ridge; BORDER-BOTTOM: 1px ridge; BACKGROUND-COLOR: #cccccc 
} 
</STYLE>

十五：禁止他人復(fù)制你網(wǎng)頁(yè)的代碼：

<body bgcolor="#ffffff"oncontextmenu="return false"onselectstart="return false">

十六：把其它網(wǎng)頁(yè)放入自已網(wǎng)頁(yè)中的代碼：

<IFRAME name=smjh align=center src="../../這里換成你要放入網(wǎng)站的網(wǎng)址" frameBorder=0 width=760 scrolling=no height=300></IFRAME>

網(wǎng)頁(yè)中使用CSS樣式表的五種方法

一、使用STYLE屬性

將STYLE屬性直接加在個(gè)別的元件標(biāo)簽里，<元件(標(biāo)簽) STYLE="性質(zhì)(屬性)1: 設(shè)定值1; 性質(zhì)(屬性)2: 設(shè)定值2; ...}

例如：
<TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"標(biāo)楷體"; line-height:150%>
這種用法的優(yōu)點(diǎn) 是可靈巧應(yīng)用樣式於各標(biāo)簽中，但是缺點(diǎn)則是沒(méi)有整篇文件的『統(tǒng)一性』。

二、使用STYLE標(biāo)簽

將樣式規(guī)則寫(xiě)在<STYLE>...</STYLE>標(biāo)簽之中。
<STYLE TYPE="text/css">
<!--
樣式規(guī)則表
-->
</STYLE>
例如： 

<STYLE TYPE="text/css">
<!--
BODY {
　　color: BLUE;
　　background: #FFFFCC;
　　font-size: 9pt}
TD, P {
　　COLOR: GREEN;
　　font-size: 9pt}
-->
</STYLE>

通常是將整個(gè)的 <STYLE>...</STYLE>結(jié)構(gòu)寫(xiě)在網(wǎng)頁(yè)的<HEAD> </HEAD>部份之中。這種用法的優(yōu)點(diǎn)就是在於整篇文件的統(tǒng)一性，只要是有聲明的的元件即會(huì)套用該樣式規(guī)則。缺點(diǎn)就是在個(gè)別元件的靈活度不足。

三、使用 LINK標(biāo)簽

將樣式規(guī)則寫(xiě)在.css的樣式檔案中，再以<LINK>標(biāo)簽引入。
假設(shè)我們把樣式規(guī)則存成一個(gè)example.css的檔案，我們只要在網(wǎng)頁(yè)中加入
<LINK REL=STYLESHEET TYPE="text/css" HREF="example.css">
即可套用該樣式檔案中所制定好的樣式了。 通常是將LINK標(biāo)簽寫(xiě)在網(wǎng)頁(yè)的<head></head>部份之中。這種用法的優(yōu)點(diǎn)就是在於可以把要套用相同樣式規(guī)則的數(shù)篇文件都指定到同一個(gè)樣式檔案即可。缺點(diǎn)也是在個(gè)別文件或元件的靈活度不足。


四、使用@import引入

跟LINK用法很像，但必　放在<STYLE>...</STYLE> 中。
<STYLE TYPE="text/css">
<!--
　　@import url(引入的樣式表的位址、路徑與檔名);
-->
</STYLE>
例如：
<STYLE TYPE="text/css">
<!--
　　@import url(http://yourweb/ example.css);
-->
</STYLE>
要注意的是，行末的分號(hào)是絕對(duì)不可少的！

五、使用<span></span>標(biāo)記引入樣式

例如：<span style="font:12px/20px 宋體 #000000;">網(wǎng)頁(yè)教學(xué)網(wǎng)</span>

以上就是幾種關(guān)于html和css的使用方法的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。