html學習筆記

用人來比喻，就再恰當不過了，html就像人身上的各個部分，頭，手，腳，身體，有了這些，你就是乙個人了，接著你需要穿上各種衣服（css），包裝好自己，再走出家門去接觸社會，但乙個靜止不動、木訥的人，是很難受歡迎的，你需要會走會跳，別人和你說話交流你要會回應（js）。

……

注意所有結束標籤均比開始標籤多乙個「/」。

不管是用什麼語言程式設計，注釋都是最重要的，一定要養成寫注釋的好習慣，關鍵的注釋不僅可以讓別人一眼望去明白你寫的**的架構，更可以讓自己有清晰的思路組織**，某一日回過頭來看也可以快速看懂。

開啟瀏覽器頁面時，我們會看到瀏覽器邊框上有一些網頁名稱，每乙個網頁的標籤，都是不一樣的，並且是這個網頁最具有代表性的關鍵內容；

用於修改網頁內容的呈現方式，如文字的顏色，大小，**樣式等。

標題標籤用來顯示網頁一段內容的標題，x代表的數字範圍是1～6，h1的優先順序最高，顯示的字型也最大，x的數字越大，優先順序越低，字型也越小， "h"代表的是英文head。

用來放常規的文字內容，一段對應乙個p標籤，預設每個段落後面空一行。"p"代表英文paragraph的縮寫。

使用該標籤，可以將標籤內的文字變成斜體，"em"指的是emphasis。

使用該標籤，可以將標籤內的文字加粗。

有的時候，我們在網頁的文字內容中需要加入一些引用的語句，如較短的名人名言，古詩詞等等，可以用到短文本標籤，它可以為標籤內的引用語句自動加入雙引號。但使用該標籤的目的不是為了免去手工輸入雙引號的麻煩（實際上加入**並不會減少麻煩），而是為了強調這部分文字是引用的。"q"指的是quote。

只引用一、兩句話的短文本時，可以使用短文本標籤，但如果要成段的引用別人的文字時，顯然就不適合了。我們在閱讀書籍時，也會發現，當書裡的作者成段的引用別人的文字時，會將其單獨拿出來作為一段，並且格式也會和正文有所不用。blockquote就可以實現這樣的功能，預設的樣式是新增縮排樣式。

在html中，換行（即回車符號）及空格是無法被識別的，若需要換行，則要新增br標籤，注意它只有開始標籤而沒有結束標籤。"br"指的是barter rabbet。

在html中，需空格時可使用該標籤，「nbsp"指的是no-breaking space，前面的」&「和後面的」;"是固定格式。

使用該標籤可在網頁中新增分割線，"hr"指的是horizontal ruler。

在很多網頁中，我們都會看到一些聯絡位址，這時候就要用到位址標籤。使用位址標籤可以為文字新增斜體及換行樣式。所有的這些屬性標籤，並不是為了改變文字的樣式，而是為了賦予給它相應的屬性。

在網頁中，有時會需要呈現**，少量**可使用code標籤，**多的話可使用下面的pre標籤。

pre標籤中的內容會毫無變動的呈現出來，包括保留文字中原有的空格、換行等，可用於呈現多行**。"pre"指的是predefined。

有時，我們有一系列處於同等地位的內容要呈現出來，但又不希望新增數字序列，就可以使用無序列表標籤，該標籤會使每個li標籤內的內容前面都帶乙個圓點。"ul"指unorder list，"li"指list item。

……

如需要讓列表內容有序排列，則可使用有序列表標籤，它會對每個li標籤的內容從1開始自增的新增序列。"ol"指的是order list。

**是文字呈現較為直觀的一種方式，預設的**樣式是不顯示邊框的，可通過css改變樣式。**分為摘要、標題、行、表頭、列。

1）**摘要：

**摘要的內容不會顯示在瀏覽器中，新增是為了讓自己知道該**的大致內容。

標題內容居中置於**上方。

3）行：……

**的行，**中有幾個tr標籤，就有幾行。"tr"指table row。

4）表頭：……

**的第一行稱為表頭，置於第乙個tr標籤中，一般加粗顯示。"td"指table head。

5）列：……

**每一行的元素個數（我更喜歡稱它為列），巢狀於tr標籤中，有幾個td標籤就有幾列。"td"指table data cell。

實現給某段文字新增鏈結的功能，"href"指hypertext refrence。

在網頁中插入元素，"src"指standard requirment code。

將網頁中要呈現的內容分好層次，id標識的內容不會在網頁中呈現，是為了讓自己更快知道div裡面的大致內容而設的。"div"指division，"id"指identification。

表單是乙個包含表單元素的區域。

學習的感悟就是英文真的非常重要，如果單純的只記得符號和它對應的功能的話，太繁雜了，還是要了解相應的英文及意思，記起來會快很多也牢固很多，因此我在每乙個標籤後都寫了對應的英文