html和css

hml筆記

(一)html   xhtml   html5 的區別

Html 與  xhtml 的區別:

(1)      xhtml標籤必須被正確的嵌套;

(2)      xhtml標籤必須被關閉;

(3)      標籤名必須用小寫字母;

(4)      屬性名必須爲小寫,必有值,值必須加“”引號(重要);

Xhtml 與 html5的區別:

將符合xhtml1.0 標準的

<!DOCTYPE HTML PUBLIC "-//W3C//DTDHTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

改爲符合 html5 標準的

<!DOCTYPE html>

就可以將 xhtml網頁轉換爲 html5文件。

此外還有

HTML5 中的一些有趣的新特性:

·        用於繪畫的 canvas 元素

·        用於媒介回放的 video audio 元素

·        對本地離線存儲的更好的支持

·        新的特殊內容元素,比如 articlefooterheadernavsection

·        新的表單控件,比如 calendardatetimeemailurlsearch

(二)class 與  id  的命名規則

(1)不能以數字開頭;

(2)命名有大小寫英文字母,下劃線及其數字;

(3)其他的都可以放在第一位,作爲命名,推薦使用大小寫英文字母。對大小寫敏感!

(三)對 html的一些簡單介紹

(1)黑客方法:舉例說明,去掉<title>我是美女</title>  ,將</title>刪掉就可以了!網頁加載完畢,但是瀏覽區頁面不顯示內容!

(2)html不是編程語言,而是一種描述性的標記語言。

(3)<font size="7"></font>(1-7從小到大)  ------font標籤不被贊成使用!

(四)html 標記的語法(書寫規則)

(1)<標記符>內容</標記符>      舉例:<div>我很好</div>

(五)html 標記分爲兩種:單標記 與雙標記

(1)單標記:標記符沒有結束的標記,單一型標記。

單標記分爲兩種:有屬性與 無屬性。

單一型,有屬性值              <hr width=”80%”/>    橫線

單一型,無屬性值              <br />    換行

(2)雙標記:有開始也有結束的標記。

雙標記分爲兩種:有屬性與 無屬性。

有始有終型,有屬性值              <div class=”one”>我很好</div>    容器

有始有終型,無屬性值              <title>網頁製作</title>    標題

(3)對於標記,有的屬性是可有可無的,但是有的是必須有的!

例如上面的 class屬性可有可無

但是

<input>標籤中有許多屬性,但是對每個元素來說,只有type屬性和name屬性

是必須的(提交或重置按鈕只有type屬性)。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章