本文主要跟大家介紹了幾種關於html和css的使用方法,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟著小編過來看看吧,希望能幫助大家。
HTML使用方法篇
#一:顏色代碼
如果你想使用某種顏色,取得它的顏色值即可。例如,您想要改變某些文字的顏色,可以使用下面的程式碼:改變#符號後的程式碼即可改變顏色
二:文字加粗傾斜的程式碼
◆文字加粗的程式碼是: 你好 ◆文字傾斜的程式碼是: 你好! ◆底線字:
三:文字連結程式碼
如果您想點擊某處文字會連接到另外一個網頁的效果,這是超鏈接,代碼是這樣:
共享空間如果要點了這個文字以後重新打開一個窗口的話,代碼是:共享空間
四:在網站上放圖片的代碼
如果你看到一個好看的圖片想放到網站上,程式碼是這樣的:
後面的數字調整圖片的尺寸大小。
五:圖片連結程式碼
如果要點一下圖片就能開啟一個網站的連結程式碼是這樣的:
<
如果要點一下圖片就能打開一個網站的鏈接,並且重新打開一個視窗。程式碼是這樣的:
上面的數字都能調整圖片尺寸大小。
#六:換行程式碼#
如果你想換行,直接用Enter鍵是不行的,需要在你想換行的位置輸入
,這樣就會分成兩行顯示,整個網站看起來也不會是一大片了,而是段落分明。
七:文字移動的程式碼是
八:手機圖片的程式碼
程式碼如下:插在之間
#<span style="font-size: 16px;"><STYLE type=text/css>TD { <br/>FONT-SIZE: 12px <br/>} <br/>BODY { <br/>FONT-SIZE: 12px <br/>} <br/>INPUT { <br/>FONT-SIZE: 12px <br/>} <br/>A:link { <br/>COLOR: #000000; TEXT-DECORATION: none <br/>} <br/>A:visited { <br/>COLOR: #000000; TEXT-DECORATION: none <br/>} <br/>A:active { <br/>COLOR: blue; TEXT-DECORATION: none <br/>} <br/>A:hover { <br/>COLOR: red; TEXT-DECORATION: underline <br/>} .so { <br/>BORDER-RIGHT: 1px ridge; BORDER-TOP: #ffffff 1px ridge; FONT-SIZE: 12px; BORDER-LEFT: #ffffff 1px ridge; BORDER-BOTTOM: 1px ridge; BACKGROUND-COLOR: #cccccc <br/>} <br/></STYLE> <br/></span>
十五:禁止別人複製你網頁的程式碼:
十六:把它網頁放入自已網頁中的程式碼:
網頁中使用CSS樣式表的五種方法
一、使用STYLE屬性
將STYLE屬性直接加在個別的元件標籤裡,< ;元件(標籤) STYLE="性質(屬性)1: 設定值1; 性質(屬性)2: 設定值2; ...}
例如:
二、使用STYLE標籤
將樣式規則寫在標籤之中。
<STYLE TYPE="text/css"> <!-- BODY { color: BLUE; background: #FFFFCC; font-size: 9pt} TD, P { COLOR: GREEN; font-size: 9pt} --> </STYLE>
将样式规则写在.css的样式档案中,再以标签引入。
假设我们把样式规则存成一个example.css的档案,我们只要在网页中加入
即可套用该样式档案中所制定好的样式了。 通常是将LINK标签写在网页的
跟LINK用法很像,但必 放在 中。
例如:
要注意的是,行末的分号是绝对不可少的!
五、使用标记引入样式
例如:网页教学网
以上是幾種關於html和css的使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!