html讀書筆記

2021-05-22 06:38:06 字數 2886 閱讀 4379

1.什麼是 html 檔案?

2.html 元素

html 文件是由 html 元素構成的文字檔案。

html 元素是通過使用 html 標籤進行定義的。

3.html 標籤

4.基本的 html 標籤

標籤描述

定義粗體文字。

定義大號字。

定義著重文字。

定義斜體字。

定義小號字。

定義加重語氣。

定義下標字。

定義上標字。

定義插入字。

定義刪除字。

不贊成使用。使用 代替。

不贊成使用。使用 代替。

不贊成使用。使用樣式(style)代替。 標籤

描述

定義計算機**。

定義鍵盤碼。

定義計算機**樣本。

定義打字機**。

定義變數。

定義預格式文字。

不贊成使用。使用代替。

不贊成使用。使用代替。

不贊成使用。使用代替。 標籤

描述定義縮寫。

定義首字母縮寫。

定義位址。

定義文字方向。

定義長的引用。

定義短的引用語。

定義引用、引證。

定義乙個定義專案。

7.html 字元實體

一些字元在 html 中擁有特殊的含義,比如小於號 (<) 用於定義 html 標籤的開始。如果我們希望瀏覽器正確地顯示這些字元,我們必須在 html 原始碼中插入字元實體。

字元實體有三部分:乙個和號 (&),乙個實體名稱,或者 # 和乙個實體編號,以及乙個分號 (;)。

要在 html 文件中顯示小於號,我們需要這樣寫:< 或者 <

使用實體名稱而不是實體編號的好處在於,名稱相對來說更容易記憶。而這麼做的壞處是,並不是所有的瀏覽器都支援最新的實體名稱,然而幾乎所有的瀏覽器對實體編號的支援都很好。

空格是 html 中最普通的字元實體。

通常情況下,html 會裁掉文件中的空格。假如你在文件中連續輸入 10 個空格,那麼 html 會去掉其中的9個。如果使用  ,就可以在文件中增加空格。

顯示結果

描述實體名稱

實體編號空格 

<

小於號<

<

>

大於號》

>&和號

&&"引號

""'撇號 

' (ie不支援)'

顯示結果

描述實體名稱

實體編號¢分

¢¢£鎊

££¥日圓

¥¥§節

§§版權©

®註冊商標®®

×乘號××

÷除號÷÷

8.html 鏈結

html 使用 (錨)標籤來建立連線另乙個文件的鏈結。

text to be displayed

用來建立錨。href 屬性用於定位需要鏈結的文件,錨的開始標籤和結束標籤之間的文字被作為超級鏈結來顯示。

visit w3school!

上面的這行在瀏覽器中顯示為這樣:

visit w3school!

使用 target 屬性,你可以定義被鏈結的文件在何處顯示。

下面的這行會在新視窗開啟文件:

visit w3school!

name 屬性用於建立被命名的錨(named anchors)。當使用命名錨(named anchors)時,我們可以建立直接跳至頁面中某個節的鏈結,這樣使用者就無需不停的滾動頁面來尋找他們需要的資訊。

以下是命名錨的語法:

text to be displayed
name 屬性用於建立命名錨。錨的名稱可以是任何你喜歡的名字。

下面這行定義了命名錨:

useful tips section

你會注意到,命名錨會以特殊的方式來顯示。

jump to the useful tips section

跳轉到 有用的提示 部分

總是將正斜槓新增到子資料夾。假如你這樣書寫鏈結的話:href="http://www.w3school.com.cn/html",就會向伺服器產生兩次 http 請求。這是因為伺服器會新增正斜槓到這個位址,然後建立乙個新的請求,就像這樣:href="http://www.w3school.com.cn/html/"

命名錨經常被用在長的文件中建立目錄。可以為每個章節賦予乙個命名錨,然後連線到這些錨的鏈結被置於文件的上部。

假如瀏覽器找不到已定義的命名錨,那麼就會定位到文件的頂端。不會有錯誤發生。

鏈結標籤

標籤描述定義錨。

標籤描述

定義 html 文件。

定義文件的主體。

to 定義標題 1 至標題 6。

定義段落。

插入折行。

定義水平線。

定義注釋。

5.html 屬性

html 標籤擁有屬性。屬性為 html 元素提供附加資訊。

屬性總是以名稱/值對的形式出現,比如:name="value"

屬性總是在 html 元素的開始標籤中規定。

6.html 文字格式化

HTML讀書筆記

1.塊級元素和內聯元素 在html元素中,通常被劃分為塊級元素和內聯元素,塊級元素通常以新的行開始或結束,而內聯元素不會以新的行開始。元素是塊級元素,它可以用做組合其他html元素的容器。另外div元素的另乙個常見用途是文件布局,它取代了以前用進行布局的方式。為內聯元素,可用作文字容器,用來組合文件...

HTML讀書筆記(1)

今天測試下html學習的過程,可是目前發現乙個問題。p2 塊 這兩種效果是不一樣的。可以說 是很大的不同,乙個是位置,乙個是下面的換行邊距。暫時不太理解。先記下來。解決了 但是也說的不是很清楚 因為div標籤是沒有預設的margin值得,而p標籤有。當div存在內容,後面的標籤就是和div標籤 相鄰...

HTML概述(讀書筆記)

1 www.caniuse.com 2 www.html5test.com 推薦此方式,檢測當前瀏覽器的支援情況。二 檢測瀏覽器是否支援某些特性的最佳工具 1 modernizr.js 提供了非常先進的html5與css3的檢測功能。三 web頁面的多種顯示模式 1 比如怪異模式 近標準模式 以及標...