用HTML代碼速查表
標記或參數定 義<A>連結標記<ADDRESS>地址標記(斜體效果)<AREA>連結區域標記(設定各連結區域)alink點擊連結時的樣式。例:alink="#FF0000"align水平方向擺放位置。例:align="center"alternate來回走動,例:behavior=alternatealt在連結中插入文字說明。例:alt="綠葉園"<B>字體加粗標記(產生字體加粗的效果)<BODY>正文標記(設計文件格式及內文所在)<BR>換行標記(令文字、圖片等顯示在下一行)<BIG>字體加大標記(令字體稍為加大)<BLINK>閃爍文字標記(令文字產生閃爍效果)<BGSOUND>背景聲音標記(于背景播放聲音或音樂)<BASE>連結基準標記(可將網頁中所有的相對路徑轉換成絕對路徑)<BASEFONT>基準字形標記(設定所有字的字形、大小、顏色)<BLOCKQUOTE>引述文字區塊、令文字在表格的上下左右留有一定的空間background背景墻紙。例:background=01.JPGbgcolor背景顏色。例:bgcolor="#ff0000"bgproperties固定背景墻紙。例:bgproperties="fixed"border邊框。例:border=10bordercolor邊框顏色。例:bordercolor="#000080"bordercolorlight邊框向光部分的顏色。例:bordercolorlight="#000000"bordercolordark邊框背光部分的顏色。例:bordercolordark="#ffffff"bottom置于底端。例:valign="bottom"behavior卷動方式。例:behavior=alternate_blank表示連結的目標地址在新建窗口中打開。例:target=_blank
<CENTER>居中標記(令文字、圖片、表格等顯示于中間)<CAPTION>表格標題(做成一打通列以填入表格標題)<CODE>程式碼(字體稍為加寬如)<CITE>引述(斜體效果)colspan該單元格向右打通。例:colspan="5"color顏色。例:color="#00FF00"cellspacing單元格間距。例:cellspacing="5"cellpadding單元格襯距。例:cellpadding="10"
<DIV>區域標記<DFN>述語定義標記(斜體效果)<DIR>目錄清單標記(清單項目將以圓點排列,如<UL>)<DL>定義清單標記(清單分兩層出現)<DT>定義條目標記(標示該項定義的標題)<DD>定義內容標記(標示定義內容)direction方向。例:direction=up<EM>強調標記(字體出現斜體效果)<EMBED>多媒體標記
<MENU>選單清單標記(清單項目將以圓點排列,如<UL>)<META>開頭定義標記<MAP>影像地圖名稱標記(設定影像地圖名稱)<MARQUEE>走動標記middle居中。例:align="middle"marginwidth框架左右邊緣與框架內的文件保留的空間。例:marginwidth=0marginhight框架上下邊緣與框架內的文件保留的空間。例:marginheight=0
<NOBR>不換行標記(強制文字不自動換行)<NOFRAMES>不支持框架標記(當舊式瀏覽器不支援框架時顯示提示)name參考點(錨點)。例:<a ></a>no否。例:scrolling=nonoshade平面顯示。例:<hr noshade>noresize鎖住框架窗口的大小
<OL>順序清單標記(清單項目將以數字、字母順序排列)
<P>段落標記(為字、畫、表格等之間留一空白行)<PRE>預設格式標記(令文件按照原始碼的排列方式顯示)_parent父窗口(連結的目標網頁在本窗口中打開)。例:target=_parentplaybutton在媒體播放面板中顯示播放按鈕pausecutton在媒體播放面板中顯示暫停按鈕
<STRONG>加重語氣標記(產生字體加粗 Bold 的效果)<SMALL>字體縮細標記(令字體稍為縮細)<STRIKE>劃刪除線標記(為字體加一刪除線)<SAMP>范例標記(字體稍為加寬如)<SUB>下標字標記<SUP>上標字標記<STYLE>樣式表標記<SPAN>自訂標記(獨立使用或與樣式表同用)<SELECT>選擇標記(建立 pop-up 走動清單)<SCRIPT>引用腳本標記size大小。例:size="7"src來源。例:src="http://sheng999.blog.163.com/blog/logo.gif"_self相同窗口(在相同的框架中顯示連結的內容)。例:target="_self">starttime開始播放的時間。例:starttime="00:10"smallconsole顯示較小的面板。例:cstopbutton顯示停止按鈕。例:cscrolling滾動條。例:scrolling=noscroll走動。例:behavior="scroll"scrollamount走動的速度。例:scrollAmount=25scrolldelay走動的停頓時間。例:scrolldelay=1000slide逐格走動(幻燈式)。例:behavior="slide"
<TITLE>網頁文件標題標記<TABLE>表格標記<TR>表格的行<TD>表格的列<TH>表格標頭(相等于<TD>,但其內之字體會變粗)<TT>打字字體(Courier字體,字母寬度相同)<TEXTAREA>文字區塊(提供文字方盒以輸入較大量文字)topmargin網頁的上邊距。例:topmargin=10top上方。例:valign="top"text整個網頁的文字顏色。例:text=#CE0063target超級連接打開窗口模式。例:target=_blank_top將連結的網頁顯示在沒有框架的窗口中。例:target=_toptype樣式。例:type="text/css"true是。例:loop="true"
<U>下劃線標記(給文本加上底線)<UL>無序清單(清單項目將以圓點排列)
<VAR>變數標記(斜體效果)valign擺放位置(垂直方向)。例:valign="top"vlink被訪問后超鏈接文字的樣式。例:vlink="#0000FF"vspace圖片上下的空間。例:vspace=20volume音量(設定音量大小)。例:volume="100"volumelever顯示音量調整鈕。例:c
<WBR>建議換行標記(預設換行部位)width寬度、長度。例: width="540"
TML: HyperText Markup Language 超文本標記語言
HTML代碼不區分大小寫, 包括HTML標記、屬性、屬性值都不區分大小寫;
任何空格或回車鍵在代碼中都無效,插入空格或回車有專用的標記,分別是 、<br>
HTML標記中不要有空格,否則瀏覽器可能無法識別。
如何添加注釋(comment:評論;注釋)
<!-- -->
<comment></comment>
<!-- --> 不能留有空格
字符集
<meta http-equiv="Content-Type" content="text/html;charset=#"/>
<base target="_blank">
可以將a鏈接的默認屬性設置為_blank屬性
單個標簽要有最好有結束符(可以沒有結束符)
<br/> <img src="" width="" />
便于兼容XHTML(XHTML必須要有結束符)
HTML標簽的屬性值可以有引號,可以沒有引號,為了提高代碼的可讀性,推薦使用引號(單引號和雙引號),盡管屬性值是整數,也推薦加上引號。
<marquee behavior="slide"></marquee>
便于兼容XHTML(XHTML必須要有引號)
<marquee behavior=slide></marquee>
經過測試,以上程序都可以正確運行
HTML標簽涉及到的顏色值格式:
color_name 規定顏色值為顏色名稱的文本顏色(比如 "red")。
hex_number 規定顏色值為十六進制值的文本顏色(比如 "#ff0000")。
rgb_number 規定顏色值為 rgb 代碼的文本顏色(比如 "rgb(255,0,0)")。
transparent 透明色 color:transparent
rgba(紅0-255,綠0-255,藍0-255,透明度0-1)
opacity屬性: 就是葫蘆娃兄弟老六(技能包隱身)
css:
div{opacity:0.1} /*取值為0-1*/
英文(顏色值)不區分大小寫
HTML中顏色值:采用十六進制兼容性最好(十六進制顯示顏色效果最佳)
CSS中顏色值:不存在兼容性
紅色 #FF0000
綠色 #00FF00
藍色 #0000FF
黑色: #000000
灰色 #CCCCCC
白色 #FFFFFF
青色 #00FFFF
洋紅 #FF00FF
黃色 #FFFF00
請問后綴 html 和 htm 有什么區別?
答: 1. 如果一個網站有 index.html和index.htm,默認情況下,優先訪問.html
2. htm后綴是為了兼容以前的DOS系統8.3的命名規范
XHTML與HTML之間的關系?
XHTML是EXtensible HyperText Markup Language的英文縮寫,即可擴展的超文本標記語言.
XHTML語言是一種標記語言,它不需要編譯,可以直接由瀏覽器執行.
XHTML是用來代替HTML的, 是2000年w3c公布發行的.
XHTML是一種增強了的HTML,它的可擴展性和靈活性將適應未來網絡應用更多的需求.
XHTML是基于XML的應用.
XHTML更簡潔更嚴謹.
XHTML也可以說就是HTML一個升級版本.(w3c描述它為'HTML 4.01')
XHTML是大小寫敏感的,XHTML與HTML是不一樣的;HTML不區分大小寫,標準的XHTML標簽應該使用小寫.
XHTML屬性值必須使用引號,而HTML屬性值可用引號,可不要引號
XHTML屬性不能簡寫:如checked必須寫成checked="checked"
單標記<br>, XHTML必須有結束符<br/>,而HTML可以使用<br>,也可以使用<br/>
除此之外XHTML和HTML基本相同.
網頁寬度設置多少為最佳?
960px
target屬性值理解
_self 在當前窗口中打開鏈接文件,是默認值
_blank 開啟一個新的窗口打開鏈接文件
_parent 在父級窗口中打開文件,常用于框架頁面
_top 在頂層窗口中打開文件,常用語框架頁面
字符集:
charset=utf-8
Gb2312 簡單中文字符集, 最常用的中文字符
Gbk 簡繁體字符集, 中文字符集
Big5 繁體字符集, 臺灣等等
Utf-8 世界性語言的字符集
ANSI編碼格式編碼格式的擴展字符集有gb2312和gbk
單位問題:
HTML屬性值數值型的一般不帶單位, CSS必須帶單位;
強制刷新
ctrl+F5
SS Colors
CSS的顏色可以通過以下方法指定:
十六進制顏色
RGB顏色
RGBA顏色
HSL色彩
HSLA顏色
預定義/跨瀏覽器的顏色名稱
十六進制顏色
所有主要瀏覽器都支持十六進制顏色值。
指定一個十六進制的顏色其組成部分是:#RRGGBB,其中RR(紅色),GG(綠色)和BB(藍色)。所有值必須介于0和FF之間。
<p例如,#0000FF值呈現為藍色,因為藍色的組成設置為最高值(FF)而其他設置為0。
實例
p
{
background-color:#ff0000;
}
RGB顏色
RGB顏色值在所有主要瀏覽器都支持。
RGB顏色值指定:RGB(紅,綠,藍)。每個參數(紅色,綠色和藍色)定義顏色的亮度,可在0和255之間,或一個百分比值(從0%到100%)之間的整數。
例如RGB(0,0,255)值呈現為藍色,因為藍色的參數設置為最高值(255)而其他設置為0。
此外,下面的值定義相同的顏色:RGB(0,0,255),RGB(0%,0%,100%)。
實例
p
{
background-color:rgb(255,0,0);
}
嘗試一下 ?
RGBA顏色
RGBA顏色值被IE9, Firefox3+, Chrome, Safari,和Opera10+支持。
RGBA顏色值是RGB顏色值alpha通道的延伸 - 指定對象的透明度。
RGBA顏色值指定:RGBA(紅,綠,藍,alpha)。 Alpha參數是一個介于0.0(完全透明)和1.0(完全不透明)之間的參數。
實例
p
{
background-color:rgba(255,0,0,0.5);
}
HSL顏色
IE9, Firefox, Chrome, Safari,和Opera 10+.支持HSL顏色值。
HSL代表色相,飽和度和亮度 - 使用色彩圓柱坐標表示。
HSL顏色值指定:HSL(色調,飽和度,明度)。
色相是在色輪上的程度(從0到360)-0(或360)是紅色的,120是綠色的,240是藍色的。飽和度是一個百分比值;0%意味著灰色和100%的陰影,是全彩。亮度也是一個百分點;0%是黑色的,100%是白色的。
實例
p
{
background-color:hsl(120,65%,75%);
}
嘗試一下 ?
HSLA顏色
HSLA顏色值被IE9, Firefox3+, Chrome, Safari,和Opera10+.支持.
HSLA的顏色值是一個帶有alpha通道的HSL顏色值的延伸 - 指定對象的透明度。
指定HSLA顏色值:HSLA(色調,飽和度,亮度,α),α是Alpha參數定義的不透明度。 Alpha參數是一個介于0.0(完全透明)和1.0(完全不透明)之間的參數。
實例
p
{
background-color:hsla(120,65%,75%,0.3);
}
嘗試一下 ?
預定義/跨瀏覽器的顏色名稱
147是在HTML和CSS顏色規范預定義的顏色名稱。你可以查看我們的預定義顏色名稱表。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。