溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

html和css怎么使用

發(fā)布時(shí)間：2020-07-10 13:44:20 來源：億速云 閱讀：175 作者：Leah 欄目：web開發(fā)

html和css怎么使用？相信很多沒有經(jīng)驗(yàn)的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個(gè)問題。

HTML使用方法篇

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

二：文字加粗 傾斜的代碼

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


三：文字鏈接代碼
如果您想點(diǎn)擊某處文字會(huì)連接到另外一個(gè)網(wǎng)頁的效果，這是超鏈接，代碼是這樣：
<a href="網(wǎng)站地址";>共享空間</a>如果要點(diǎn)了這個(gè)文字以后重新打開一個(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)一下圖片就能打開一個(gè)網(wǎng)站的鏈接代碼是這樣的：
<a href="https://cache.yisu.com/upload/information/20200318/90/9543.jpg"; width="150" height="100"></a>
如果要點(diǎn)一下圖片就能打開一個(gè)網(wǎng)站的鏈接，并且重新打開一個(gè)窗口。代碼是這樣的：
<a href="https://cache.yisu.com/upload/information/20200318/90/9544.jpg"; width="150" height="100"></a>上面的數(shù)字都能調(diào)節(jié)圖片尺寸大小。

六：換行代碼

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

七：文字移動(dòng)的代碼是
<marquee>這里寫文字</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";>
里面的圖片地址自己定。

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

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

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

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

十三：打開網(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)頁，后面的數(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)頁的代碼：

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

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

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

網(wǎng)頁中使用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)則是沒有整篇文件的『統(tǒng)一性』。

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

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

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

將樣式規(guī)則寫在.css的樣式檔案中，再以<LINK>標(biāo)簽引入。
假設(shè)我們把樣式規(guī)則存成一個(gè)example.css的檔案，我們只要在網(wǎng)頁中加入
<LINK REL=STYLESHEET TYPE="text/css" HREF="example.css">
即可套用該樣式檔案中所制定好的樣式了。 通常是將LINK標(biāo)簽寫在網(wǎng)頁的<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)是絕對不可少的！

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

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

看完上述內(nèi)容，你們掌握html和css怎么使用的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手