html入門小結

2021-09-24 16:42:05 字數 1738 閱讀 4016

(一)認識 html 文件結構

html 的結構包括頭部(head)、主體(body)兩大部分。頭部描述瀏

覽器所需的資訊,主體包含所要說明的具體內容。

//告訴瀏覽器使用了哪個 html 版本 //html 文件的開始 //head 中多定義了搜尋引擎和瀏覽器會讀取的內容 //字元編碼

//文件標題 //body 中的內容是使用者可以看得到的,我們的主「戰場」 ...

1、lang 是 language 的意思,lang=」en」屬性對每張頁面中的主要

語言進行宣告,en 代表了英文,只是個宣告,宣告了它,對搜尋引擎

和瀏覽器更友好,並不會更改顯示內容。它還有常見的值是 zh-cn,

代表了中文。(搜尋引擎不會判斷該站點是中文還是英文,它讓搜尋

引擎知道你的站點是中文站,這些都是 html 規範,越規範,越容易

被收錄)

2、meta 標 籤 用 來 描 述 一 個 html 網 頁 文 檔 的 屬 性 , 此 處 的

charset=」utf-8」是說當前使用的是 utf-8 編碼格式,在開發中我

們經常會看到 utf-8,或是 gbk,這些都是編碼格式。國內一般會用

gbk、gb2312,國外通常使用 utf-8。

搜尋引擎

(二)標籤書寫格式

html 由一對對標籤構成,標籤是指尖括號包圍著特定的關鍵字。

關鍵字是由 html 標籤語言定義好的,並非隨便寫的。前面的叫做開

始標籤,後面的叫做結束標籤。

閉合標籤

成對出現的標籤也叫閉合標籤,它通常包含開始標籤和結束標籤,

內容前面的尖括號是開始標籤,帶斜槓的是結束標籤。

內容 自閉合標籤 一些標籤是沒有內容的,這樣結束標籤就顯得沒有必要,所以在 開始標籤中把它結束,就構成了「自閉合標籤」。 html 不區分大小寫,而且規則寬鬆,即使不寫閉合標籤也 可以執行。比如說:這樣也能顯示。但是!但是在 html5 版本中,w3c 推薦我們用小寫,所以寫的時候,要用小寫。並且,要 求成對編寫。

(三)元素、屬性

元素:標籤+內容

html 有父元素和子元素,被包含的叫子元素,如 html 是 head

的父元素。它們是父子關係,head 和 body 是兄弟關係

屬性:元素可以加屬性,用屬性更精確的控制元素的顯示。

測試鏈結 href 就是屬性,它的屬性值是鏈結 ps:屬性值需要加引號 (四)基礎標籤 a 標籤定義了乙個超連線 h1~h6 標籤定義標題 p 標籤定義段落 img 標籤可以引入一幅 a 標籤 網頁中 a 標籤使用的非常廣泛,最常見於新聞列表、導航等。 它的書寫格式

h1~h6 標題標籤

文章有標題,在網頁中同樣需要有標題,在 html 中用

這幾個標籤來定義,它們的權重不同,h1 的權重高於 h2,依次類推。

標題四標題五

標題六p 段落標籤

定義了段落,網路上的文章、長篇的文字都可以用 p 標籤來包裹。

內容的長度沒有限制,可以只寫幾個字,也可以上百字。

這是段落內容

img 標籤

img 標籤引導了一幅,它屬於自閉合標籤,因為它是通過屬性

來引入。它有三個重要的屬性:src、title、alt

src 用來放的位址,可以是你專案中的目錄,也可以是網路

上的位址。

title 定義了滑鼠經過時顯示的內容,搜尋引擎抓取時,

是根據 title 定義的內容來分析是什麼的

alt 當未能正常顯示時,用於給使用者的提示資訊

HTML和CSS的入門小結

在codecademy上敲完了html css的course,可能是入門的關係,沒有感覺很吃力 以下是自己整理的乾貨,只是一些最基本的語法和初學者容易忘記的地方 1.讓瀏覽器知道該文件型別,位於首行 2.3.你的文字 4.這個是自閉合標籤 5.裡面可以設定很多 6.想要加粗的文字7.想要變成斜體的文...

html知識小結

1 doctype是指出瀏覽器按照什麼樣的規範去簡析文件。2 瀏覽器簡析有混雜模式和標準模式,之所以出現相容性問題,是因為瀏覽器的核心不同。3 瀏覽器核心 ie為tridend核心,google為webkit核心,火狐為gecko核心,opera為presto核心。4 引入css樣式有 內聯 外聯 ...

html學習小結

前幾天在群裡面看到幾個同學說到平時無聊就會逛cdsn論壇,我也就過來看了看,還不錯。最開始直到csdn是因為ccf考試的時候找試題答案的時候搜到的,平時也不會去關注,前天看到一篇帖子中提到乙個觀點 學習要不斷的總結。我還是比較認同的,知識應該是系統的 成體系的,而這個過程就是總結的過程。最近老師接了...