整合營銷服務商

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

          免費咨詢熱線:

          HTML 標簽和屬性值的基本格式

          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

          lt;hr>水平線

          <hr size="9" /> 水平線(設定大小,單位:像素)

          <hr width="80%" /> 水平線(設定寬度,單位:像素或百分比)

          <hr color="#ff0000" /> 水平線對齊方式

          <hr align="left" /> 水平線水平位置

          <hr noshade /> 去掉水平線的陰影

          align屬性值:center(默認值) left right

          <hr width="30%" color="blue" size="9" align="left"/>

          <center></center>水平居中.


          <br/> 換行

          <p></p> 標簽定義段落

          <p align=""></p>將段落按左、中、右對齊;

          align屬性值:left(默認值) right center justify


          注意:

          <h1>...<h6>標題標記與<p>段落標記都只有一個屬性align

          <pre></pre> 定義預格式化的文本

          <blockquote></blockquote> 設置段落縮進(可以縮進5個字符)


          手冊上沒有的標記

          <xmp></xmp> 忽略HTML標記

          <nobr>…</nobr> 禁止換行

          <wbr> 指定軟換行(或單詞換行),用在nobr標記中,即使用 <nobr> 禁止了換行,使用 <wbr> 仍然可以換行

          <nobr>中華人民共和國上海市<wbr>黃浦區</wbr></nobr>

          本格式

          This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified. The underline is removed from the "文本格式" link.


          文本顏色

          顏色屬性被用來設置文字的顏色。

          顏色是通過CSS最經常的指定:

          • 十六進制值 - 如: #FF0000

          • 一個RGB值 - 如: RGB(255,0,0)

          • 顏色的名稱 - 如: red

          參閱 CSS 顏色值 查看完整的顏色值。

          一個網頁的背景顏色是指在主體內的選擇:

          實例

          body {color:blue;}

          h1 {color:#00ff00;}

          h2 {color:rgb(255,0,0);}

          對于W3C標準的CSS:如果你定義了顏色屬性,你還必須定義背景色屬性。


          文本的對齊方式

          文本排列屬性是用來設置文本的水平對齊方式。

          文本可居中或對齊到左或右,兩端對齊.

          當text-align設置為"justify",每一行被展開為寬度相等,左,右外邊距是對齊(如雜志和報紙)。

          實例

          h1 {text-align:center;}

          p.date {text-align:right;}

          p.main {text-align:justify;}


          文本修飾

          text-decoration 屬性用來設置或刪除文本的裝飾。

          從設計的角度看 text-decoration屬性主要是用來刪除鏈接的下劃線:

          實例

          a {text-decoration:none;}

          嘗試一下 ?

          也可以這樣裝飾文字:

          實例

          h1 {text-decoration:overline;}

          h2 {text-decoration:line-through;}

          h3 {text-decoration:underline;}

          我們不建議強調指出不是鏈接的文本,因為這常常混淆用戶。


          文本轉換

          文本轉換屬性是用來指定在一個文本中的大寫和小寫字母。

          可用于所有字句變成大寫或小寫字母,或每個單詞的首字母大寫。

          實例

          p.uppercase {text-transform:uppercase;}

          p.lowercase {text-transform:lowercase;}

          p.capitalize {text-transform:capitalize;}

          嘗試一下 ?


          文本縮進

          文本縮進屬性是用來指定文本的第一行的縮進。

          實例

          p {text-indent:50px;}

          更多實例

          指定字符之間的空間

          這個例子演示了如何增加或減少字符之間的空間。

          指定行與行之間的空間

          這個例子演示了如何指定在一個段落中行之間的空間

          設置元素的文本方向

          這個例子演示了如何改變元素的文本方向。

          增加單詞之間的空白空間

          這個例子演示了如何增加一個段落中的單詞之間的空白空間。

          在元素內禁用文字環繞

          這個例子演示了如何禁用一個元素內的文字環繞。

          垂直對齊圖像

          這個例子演示了如何設置文本的垂直對齊圖像。

          添加文本陰影

          這個例子演示了如何設置文本陰影。


          所有CSS文本屬性。

          屬性描述
          color設置文本顏色
          direction設置文本方向。
          letter-spacing設置字符間距
          line-height設置行高
          text-align對齊元素中的文本
          text-decoration向文本添加修飾
          text-indent縮進元素中文本的首行
          text-shadow設置文本陰影
          text-transform控制元素中的字母
          unicode-bidi設置或返回文本是否被重寫
          vertical-align設置元素的垂直對齊
          white-space設置元素中空白的處理方式
          word-spacing設置字間距

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!


          主站蜘蛛池模板: 精品乱子伦一区二区三区高清免费播放| 无码少妇A片一区二区三区| 国产精品一区二区久久不卡| 精品一区二区三区免费毛片爱| 中文字幕一区二区精品区| 人妻体体内射精一区二区| 99热门精品一区二区三区无码| 久久国产一区二区三区| 国产视频一区二区在线观看| 一区二区三区四区国产| 亚洲AV无码一区二区二三区入口| 亚洲av成人一区二区三区观看在线 | 本免费AV无码专区一区| 人妻AV中文字幕一区二区三区| 精品成人乱色一区二区| 国产免费播放一区二区| 久久久久人妻一区精品色 | 国产精品一区电影| 国产高清视频一区三区| 婷婷亚洲综合一区二区| 狠狠色婷婷久久一区二区| 国产一区二区三区美女| 精品国产一区二区三区久久蜜臀 | 亚洲av鲁丝一区二区三区| 精品视频一区二区三三区四区| 精品国产伦一区二区三区在线观看| 人妻久久久一区二区三区 | 无码人妻一区二区三区免费手机| 亚洲Av无码一区二区二三区| 精品一区二区三人妻视频| 精品国产一区二区三区在线| 韩国精品福利一区二区三区| 国产成人精品一区二区三区| 国产精品区AV一区二区| 国产乱码一区二区三区| 久久精品无码一区二区三区日韩| 亚洲A∨无码一区二区三区| 午夜视频在线观看一区二区| 国产在线观看一区精品| 在线免费视频一区| 日韩精品一区二区三区色欲AV|