溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
html和css怎么使用？相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。
HTML使用方法篇
一：顏色代碼
如果你想使用某種顏色，取得它的顏色值即可。比如，您想改變某些文字的顏色，您可以使用下面的代碼：<font color=#ffc060 size=2>改變#符號后的代碼即可改變顏色</font>
二：文字加粗 傾斜的代碼
◆文字加粗的代碼是: <b>你好</b> ◆文字傾斜的代碼是: <i>你好！</i> ◆底線字：<u></u>
三：文字鏈接代碼
如果您想點擊某處文字會連接到另外一個網頁的效果，這是超鏈接，代碼是這樣：
<a href="網站地址";>共享空間</a>如果要點了這個文字以后重新打開一個窗口的話，代碼是：<a href="網站地址";; target="_blank">共享空間</a>
四：在網站上放圖片的代碼
如果你看到一個好看的圖片想放到網站上，代碼是這樣的：
<img src="/Article/UploadFiles/200605/20060507081900201.gif"; width="150" height="100">
后面的數字調節圖片的尺寸大小。
五：圖片鏈接代碼
如果要點一下圖片就能打開一個網站的鏈接代碼是這樣的：
<a href="https://cache.yisu.com/upload/information/20200318/90/9543.jpg"; width="150" height="100"></a>
如果要點一下圖片就能打開一個網站的鏈接，并且重新打開一個窗口。代碼是這樣的：
<a href="https://cache.yisu.com/upload/information/20200318/90/9544.jpg"; width="150" height="100"></a>上面的數字都能調節圖片尺寸大小。
六：換行代碼
如果你想換行，直接用Enter鍵是不行的，需要在您想換行的位置輸入<br>
，這樣就會分成兩行顯示 ，整個網站看起來也不會是一大片了，而是段落分明。
七：文字移動的代碼是
<marquee>這里寫文字</marquee>
八：移動圖片的代碼
<marquee><img src="/Article/UploadFiles/200605/20060507081900241.jpg";><img src="/Article/UploadFiles/200605/20060507081900700.jpg";><img src="/Article/UploadFiles/200605/20060507081900831.jpg";><marquee>
把里面的圖片地址換成你的就行 想多放一個圖片就按照格式在中間插入：
<img src="/Article/UploadFiles/200605/20060507081900700.jpg";>
里面的圖片地址自己定。
九：背景音樂的代碼
如果想在你的網站上放上一段好聽的背景音樂，代碼是： <bgsound src="http://xxxxx.com/xxx.mid";loop=10>
<bgsound src="http://www.midifan.com/midi/music.ASP?id=3073";loop=30> 里面的背景音樂地址你能自己替換。
前面的是音樂地址，一般都以mid或者mp3的形式結尾 后面的數字是播放次數。
http://www.midifan.com/midi/
這個網站都有好的背景音樂
十：在網站中插入一個flash動畫的代碼是
<embed width=200 height=200
src="http://flash.shangdu.com/view/2/fff.swf";> 里面的動畫地址換成你的.動畫地址都要以swf的形式結尾。這點需要注意。
十一：打開網站時候出現的歡迎詞代碼
<body onLoad= alert("你好，歡迎訪問本網站！")>
十二：關閉網站的時候出現的話
<body onUnload="window.alert('謝謝您的光臨)">
十三：打開網站的時候自己做一個彈出窗口的廣告
<script language="javascript">
var TimerID=1;
window.open('http://163.com'/;,'','width=600,height=300,left=100,top=50');
</script>
里面的 http://163.com/ 這個是你預先做好的一個網頁，后面的數字是調節大小和位置的，你自己多試驗幾次。
十四：鼠標感應字體變紅色
代碼如下：插在<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>
十五：禁止他人復制你網頁的代碼：
<body bgcolor="#ffffff"oncontextmenu="return false"onselectstart="return false">
十六：把其它網頁放入自已網頁中的代碼：
<IFRAME name=smjh align=center src="../../這里換成你要放入網站的網址" frameBorder=0 width=760 scrolling=no height=300></IFRAME>
網頁中使用CSS樣式表的五種方法
一、使用STYLE屬性
將STYLE屬性直接加在個別的元件標簽里，<元件(標簽) STYLE="性質(屬性)1: 設定值1; 性質(屬性)2: 設定值2; ...}
例如：
<TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"標楷體"; line-height:150%>
這種用法的優點 是可靈巧應用樣式於各標簽中，但是缺點則是沒有整篇文件的『統一性』。
二、使用STYLE標簽
將樣式規則寫在<STYLE>...</STYLE>標簽之中。
<STYLE TYPE="text/css">
<!--
樣式規則表
-->
</STYLE>
例如：
<STYLE TYPE="text/css">
<!--
BODY {
color: BLUE;
background: #FFFFCC;
font-size: 9pt}
TD, P {
COLOR: GREEN;
font-size: 9pt}
-->
</STYLE>通常是將整個的 <STYLE>...</STYLE>結構寫在網頁的<HEAD> </HEAD>部份之中。這種用法的優點就是在於整篇文件的統一性，只要是有聲明的的元件即會套用該樣式規則。缺點就是在個別元件的靈活度不足。
三、使用 LINK標簽
將樣式規則寫在.css的樣式檔案中，再以<LINK>標簽引入。
假設我們把樣式規則存成一個example.css的檔案，我們只要在網頁中加入
<LINK REL=STYLESHEET TYPE="text/css" HREF="example.css">
即可套用該樣式檔案中所制定好的樣式了。 通常是將LINK標簽寫在網頁的<head></head>部份之中。這種用法的優點就是在於可以把要套用相同樣式規則的數篇文件都指定到同一個樣式檔案即可。缺點也是在個別文件或元件的靈活度不足。
四、使用@import引入
跟LINK用法很像，但必 放在<STYLE>...</STYLE> 中。
<STYLE TYPE="text/css">
<!--
@import url(引入的樣式表的位址、路徑與檔名);
-->
</STYLE>
例如：
<STYLE TYPE="text/css">
<!--
@import url(http://yourweb/ example.css);
-->
</STYLE>
要注意的是，行末的分號是絕對不可少的！
五、使用<span></span>標記引入樣式
例如：<span style="font:12px/20px 宋體 #000000;">網頁教學網</span>
看完上述內容，你們掌握html和css怎么使用的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
