由開發者和作者組成的開源社群;推動web發展,
MDN(Mozilla Developer Network) 維基,共同維護做貢獻;
需要使用到github賬号進行驗證,以此再建立MDN賬号;
HTML入門:
HTML(HyperText Markup Language)标記語言,用于告訴浏覽器如何通路構造您的通路網頁,由一系列的元素組成。對不同内容進行包裝使其以某種形式顯示;html标簽不區分大小寫,從可讀性和一緻性角度來說,最好是小寫。元素主要包括開始标簽、結束标簽、内容。前三者合起來就是元素
用于單詞強調可以使用将其嵌套再p元素裡。所有标簽正确嵌套。
塊級元素和内聯元素
塊級以塊呈現,相對于前面的内容會出現在新的一行,其後的内容會被擠到新的一行展現,塊級多用于展示結構化的内容,段落,清單,導航菜單,頁腳;一個塊級元素不會被嵌套在内聯元素裡,但是可以嵌套在其他塊級元素裡;
内聯元素通常出現在塊級元素裡,包裹文檔内容的一小部分,不會導緻換行,通常出現在a、em、strong元素裡;
空元素 指那些不含有結束标記的标簽,隻有一個标簽;通常用來插入一張圖檔或者嵌入一些東西,empty elements 也叫void elements
屬性,元素擁有屬性,包含了元素的額外資訊,不會出現在實際内容中,元素和屬性之間必須有個空格,屬性之間也應有空格,屬性後面緊跟着一個‘=’符号,屬性值有引号引起來;
a 也叫錨,使得被該标簽包裹的内容成為一個超連結,其擁有的屬性有:
href:這個屬性用來聲明超連結的web位址,當被點選後跳轉到指定的web位址;
title:标題title屬性,滑鼠懸停到元素上會顯示title資訊;
target:用于顯示連結的浏覽上下文,值為_blank則将在新标簽頁顯示連結,預設是目前頁
布爾屬性 也叫沒有值的屬性稱之為布爾屬性,隻能有跟它屬性名一樣的屬性值,類似disabled屬性,作用标記表單使之不可用置灰,此時使用者不能再向他們輸入資料;類似寫法如下:
對于布爾屬性,可以對此進行改寫如下
省略包圍屬性值的引号
有些奇怪的網站不給屬性添加引号,例如可以寫aa這種情況能正常顯示,但是再次添加一個title屬性的似乎後,aa此時出錯,會被認為title的值是the,然後mozilla,homepage分别是兩個布爾屬性值,滑鼠懸停時将隻顯示一個文本;是以,最好始終使用引号;
單引号或者雙引号
當然也可以使用單引号,風格問題,但是i單引号不能和雙引号混用,雙引号有開頭則必須有結尾,可以在雙引号裡嵌套單引号;如果要将雙引号顯示在html裡就必須使用實體引用了。
======================進行到這一步了,稍作休息,我們繼續前行==============
分析HTML文檔,了解怎麼由這些個元素形成一個完整的html頁面,
my test page
this is my page
meta 被稱為元,這個元素指定設定文檔使用utf-8字元集編碼,該種編碼能夠識别大部分文字,将避免很多問題
title 用于設定頁面标題,出現在浏覽器的标簽上,标記和收藏頁面時用來描述頁面;
body元素,包含頁面所有能顯示的内容,文本,圖檔,音頻啊遊戲等等。
HTML中的空白
html中的空格,無論用多少空白字元包括換行,當渲染代碼的時候,html解釋器會将連續出現的空白符減少到一個空格符,代碼 層面寫那麼多空白隻是為了可讀性;每行縮進也是應該堅持的風格;
實體引用 html中的特殊字元
在html中,,'',',和&是特殊字元,一共5個記好,記住,因為他們是HTML文法自身的一部分,如果真的想用這些特殊字元到文檔裡,那麼必須使用字元引用--表示字元的特殊編碼,每個字元引用以&開始以;分号結束。下面列出響應的對應關系;
等價> “等價" '等價' &等價&
>In HTML, you define a paragraph using the > element.>
//此時會報錯,浏覽器認為第二個p是一個新段落,
>In HTML, you define a paragraph using the
element.>//第二段通過字元引用代替角括号。
HTML注釋
注釋被大多數浏覽器所忽略,對使用者不可見,目的在于注釋不同部分代碼做了什麼事情;
是以可以用包括起來; 第一天的課程就到這裡結束,給各位在前端路上的朋友加個油!!!