HTML 基礎入門

2021-09-14 00:22:28 字數 1299 閱讀 9624

最近學習html5的知識,屬於入門級別。粗略接觸感覺並不是十分枯燥困難,不過據說html都是入門容易深入很難,但願以後不會被難倒吧。

html是hypertext markup language(超文字標記語言)的簡寫,他不是一種程式語言,而是一種標記語言,用於告訴瀏覽器如何構造你的頁面。他可以由一系列html元素組合成web開發人員想要的簡單或者複雜的頁面。「超文字」就是指頁面內可以包含、鏈結,甚至**、程式等非文字元素。html也是一種規範,一種標準,它通過標記符號來標記要顯示的網頁中的各個部分。網頁檔案本身是一種文字檔案,通過在文字檔案中新增標記符,可以告訴瀏覽器如何顯示其中的內容(如:文字如何處理,畫面如何安排,如何顯示等)。瀏覽器按順序閱讀網頁檔案,然後根據標記符解釋和顯示其標記的內容,對書寫出錯的標記將不指出其錯誤,且不停止其解釋執行過程,編製者只能通過顯示效果來分析出錯原因和出錯部位。可以使用.html與.htm作為html檔案的字尾名(副檔名)

hello world

doctype

在html非常年輕的時候(1991、2年左右),doctype是用來作為一組規則的鏈結,html頁面必須遵循這些規則才能被認為是好的html,這些規則會用來檢測網頁是不是存在問題。然而,這些年沒有人真正的關心doctype,他們只是乙個歷史產物必須包含在頁面中。以下是我們需要簡單了解的,記住h5的文件型別即可。

1.1嚴格的文件型別

1.2寬鬆的文件型別

1.3h5文件型別

2.html的根元素,用來包含html文件的所有元素

3.包含在頭部的內容不會被顯示的頁面中,這裡通常包含頁面的編碼,作者,頁面的描述資訊,js的匯入,css的匯入等資訊。

4.用來宣告當前文件的編碼方式為utf-8

5.用來宣告當前文件的標題,標題將會出現在瀏覽器的選項卡中

6.所有想要顯示在瀏覽器中的元素都被包含在該元素中。

7.html內容中的標籤元素

上述的p標籤就屬於雙標籤,即由

組成,也是塊級元素,即獨佔一行空間,用來布局段落,列表,導航選單,腳注等結構,不要將塊級元素巢狀在行內元素中。

除了p標籤以外,塊級元素還有div、h1-h6、uloldl等

再來說說行內元素,行內元素與其他元素共享一行空間,一般被巢狀在塊級元素中,通常作為段落的一部分出現。

常見的有spanaimg等

除了這些之外還有**

**的元素主要有caption、thead、tbody、tfoot

html 基礎入門

html的基礎知識 1.html語言的遵循的規範 1 乙個html檔案開始標籤和結束標籤 2 html包含兩部分內容 顯示在頁面上的內容都寫在body裡面 3 html的標籤有開始標籤,也要有結束標籤 4 html的 不區分大小寫的 5 有些標籤是沒有結束標籤的 比如 換行 html的操作思想 網頁...

HTML基礎入門

可以使用專業的html編輯器來編輯html 這裡推薦幾款常用的編輯器 notepad 和 sublime text 還可以配合 emmet 外掛程式來提高編碼速度。emmet 官網 head標籤 作用 用於存放 title,meta,base,style,script,link 注意在head標籤中...

HTML入門基礎

二 編輯器 html檔案的副檔名是.html,每乙個檔案表示 中的乙個網頁檔案,本身就是乙個文字檔案,我們可以使用window系統自帶的記事本進行編輯,也可以使用webstorm visual studio code等專業的 編輯器進行編輯,專業的 編輯器通常會有 輔助及糾錯,可以提高我們的編碼速度...