(一)認識 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考試的時候找試題答案的時候搜到的,平時也不會去關注,前天看到一篇帖子中提到乙個觀點 學習要不斷的總結。我還是比較認同的,知識應該是系統的 成體系的,而這個過程就是總結的過程。最近老師接了...