整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          常用HTML代碼速查表

          常用HTML代碼速查表

          用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,我們一起飛!


          主站蜘蛛池模板: 国产一区二区三区在线观看影院 | 亚洲一区二区三区久久久久| 亚洲AV无码一区二区三区性色 | 激情综合一区二区三区| 精品性影院一区二区三区内射| 丰满岳妇乱一区二区三区| 美日韩一区二区三区| 国产一区二区在线| 丝袜美腿一区二区三区| 日韩毛片基地一区二区三区| 无码人妻AⅤ一区二区三区| 亚洲AV无码一区二区三区DV| 国产一区二区精品| 日韩内射美女人妻一区二区三区| 人妻少妇精品一区二区三区| 夜夜添无码试看一区二区三区 | 在线日产精品一区| 国产成人久久一区二区不卡三区| 亚洲午夜在线一区| 亚洲码欧美码一区二区三区| 天堂一区人妻无码| 亚洲一区无码精品色| 国产AV午夜精品一区二区三区| 亚洲人成网站18禁止一区| 久久精品中文字幕一区| 三上悠亚日韩精品一区在线 | 一区二区三区四区免费视频| 国产精品亚洲一区二区三区在线| 亚洲国产精品一区二区第一页| 国产成人无码精品一区二区三区| 无码国产精品一区二区免费式芒果 | 国产乱人伦精品一区二区| 日本免费电影一区| 亚洲国模精品一区| 亚洲码一区二区三区| 视频一区二区精品的福利| 亚洲乱码国产一区网址| 国产一区二区三区夜色| 亚洲一区二区三区四区在线观看| 成人精品一区二区户外勾搭野战| 影院无码人妻精品一区二区|