前端基礎 認識HTML

2021-10-03 10:01:37 字數 2104 閱讀 9941

html的概念html標籤的分類html標籤的關係html標籤的語義化

html骨架格式sublime基本使用

html作用:網頁是由網頁元素組成的 , 這些元素是利用html標籤描述出來,然後通過瀏覽器解析,就可以顯示給使用者。

所謂超文字,有2層含義:

因為它可以加入、聲音、動畫、多**等內容(**超越文字限制 **)

不僅如此,它還可以從乙個檔案跳轉到另乙個檔案,與世界各地主機的檔案連線(**超級鏈結文字 **)。

html 總結:

html 

標籤:在html頁面中,帶有「< >」符號的元素被稱為html標籤,如上面提到的 、、都是html骨架結構標籤。

分類:

常規元素(雙標籤)

html 《標籤名》 內容 我是文字

html 《標籤名 /> 比如

主要針對於雙標籤的相互關係分為兩種: 務必熟悉記住這種標籤關係,因為後面標籤巢狀特別多,很容易弄混他們的關係。

1) 巢狀關係

2) 並列關係

建議:

html 如果兩個標籤之間的關係是巢狀關係,子元素最好縮排乙個tab鍵的身位(乙個tab是4個空格)。如果是並列關係,最好上下對齊。

sublime有非常多的優點, 最重要的就是非常輕量級,開啟速度超快,樓主目前學習暫時選用sublime。

sublime生成html骨架小技巧

在瀏覽器中預覽頁面

用法:

html

作用:宣告位於文件中的最前面的位置,處於 標籤之前。此標籤可告知瀏覽器文件使用哪種 html 或 xhtml 規範。

就是告訴瀏覽器按照html5 規範解析頁面.

約定:

html檔案必須加上 doctype 宣告,並統一使用 html5 的文件宣告

~~~html 指定html 語言種類 ~~~

最常見的2個:

en定義語言為英語zh-cn定義語言為中文

字符集(character set)是多個字元的集合。

計算機要準確的處理各種字符集文字,需要進行字元編碼,以便計算機能夠識別和儲存各種文字。

utf-8是目前最常用的字符集編碼方式,常用的字符集編碼方式還有gbk和gb2312。

白話: 所謂標籤語義化,就是指標籤的含義。

根據標籤的語義,在合適的地方給乙個最為合理的標籤,讓結構更清晰。

方便**的閱讀和維護

同時讓瀏覽器或是網路爬蟲可以很好地解析,從而更好分析其中的內容

使用語義化標籤會具有更好地搜尋引擎優化

遵循的原則:先確定語義的html ,再選合適的css。所以,學習html標籤,要根據語義去記憶。html網頁中任何元素的實現都要依靠html標籤。

前端學習 認識HTML

由於本人也是初學html,以下都為本人學習過程中分點整理的知識點,希望共同進步,不足之處望指出批正。1.什麼是html 2.html的作用 注意點 3.html固定格式 如圖,html的固定格式如上。下面我一一解釋每行 的意思 由於html有很多版本的規範,每個版本的規範之間又有一定的差異,為了讓瀏...

HEML基礎 認識HTML

基本結構 標籤對中的第乙個標籤是開始標籤,第二個標籤是結束標籤 開始和結束標籤也被稱為開放標籤和閉合標籤 html 文件 網頁 html 文件描述網頁 html 文件包含 html 標籤和純文字 html 文件也被稱為網頁 web 瀏覽器的作用是讀取 html 文件,並以網頁的形式顯示出它們。瀏覽器...

HTML基礎標籤認識

1.標題標籤 標題是通過 h1 h6 等標籤來定義的,h1 定義最大的標籤,h6 定義最小的標籤。我是h62.段落標籤 一段一段文字的時候使用 白日依山盡 黃河入海流 欲窮千里目 更上一層樓 3.鏈結標籤 通過 a 標籤來建立鏈結。頁面間的跳轉 頁面內的跳轉 回到頂部 5.列表標籤 順序 order...