摘要:開始標簽和結束標簽之間的就是標簽的內容??偨Y屬性跳轉標簽在和標簽之間的文字內容是網頁的標題信息,它會顯示在瀏覽器標簽頁的標題欄中。常見的頭部元素有和等標簽,頭部標簽在下一節中會有詳細介紹。
本節內容簡單介紹下html都有哪些標簽
還是百度首頁,查看源代碼看看:
我把源代碼復制下來另存為html文件里:
注意:網頁文件的后綴都是html或者htm
我這用的pycharm編輯器(Python編輯器,也可以編輯web頁面),編輯器有很多種,比如notepad++,webstorm,hbuilder,Visual Studio,sublime text等等的都可以做web編輯器,這個就根據各位朋友的愛好來選擇了,安裝都是很簡單的,所以不介紹了
好的,我先點這個按鈕,把層級隱藏一下
變成這樣:
以上這樣的結構就是web頁面的結構了,最前面的是一個聲明,全名是Document Type HyperText Mark-up Language,表示這是html5規范的頁面
剩下的就是一個大的html,像這種,,就是網頁標簽:
1. 在HTML中規定標簽使用英文的的尖括號即`<`和`>`包起來,如``、``都是標簽。
2. HTML中標簽**通常**都是成對出現的,分為開始標簽和結束標簽,結束標簽比開始標簽多了一個`/`,如`
標簽內容
`和`標簽內容`。開始標簽和結束標簽之間的就是標簽的內容。
3. 標簽之間是可以嵌套的。例如:div標簽里面嵌套p標簽的話,那么``必須放在`
外層用<>包住,并且前開后閉,在要閉合的時候用>包住,完整的就是 ,像這種有前開后閉的就叫雙標簽
然后 里面有兩個子集,,head,就是web頁面的頭部,body就是web頁面的身體。有頭有身體,就組成了html,也就是組成web頁面:
那么head里面可以有什么呢?
展開看看:
如您所見,有meta,link,title標簽。大家看到沒有,meta沒有后閉標簽,只有,像這種就是單標簽。
元素可提供有關頁面的元信息(meta-information),比如針對搜索引擎和更新頻度的描述和關鍵詞
元素可提供有關頁面的原信息(mata-information),針對搜索引擎和更新頻度的描述和關鍵詞。
標簽位于文檔的頭部,不包含任何內容。
提供的信息是用戶不可見的。 meta標簽的組成:meta標簽共有兩個屬性,它們分別是http-equiv屬性和name屬性,不同的屬性又有不同的參數值,這些不同的參數值就實現了不同的網頁功能
常用的meta標簽:
它用來向瀏覽器傳達一些有用的信息,幫助瀏覽器正確地顯示網頁內容,與之對應的屬性值為content,content中的內容其實就是各個參數的變量值。
2.name屬性
主要用于頁面的關鍵字和描述,是寫給搜索引擎看的,關鍵字可以有多個用 ‘,’號隔開,與之對應的屬性值為content,content中的內容主要是便于搜索引擎機器人查找信息和分類信息用的。
和
好接著剛才的百度首頁,展開body標簽看看:
好的,如同head標簽一樣,里面有比head還多的子標簽,div,p,i,a,b……。
這些標簽就很常用很重要了,后面詳細介紹,這里暫且略過
首先,
是文檔聲明,必須寫在HTML文檔的第一行,位于
標簽之前,表明該文檔是HTML5文檔。
稱為根標簽,所有的網頁標簽都在
中。
標簽用于定義文檔的頭部,它是所有頭部元素的容器。常見的頭部元素有
、
、
、
和
等標簽,頭部標簽在下一節中會有詳細介紹。
- 在
和
標簽之間的內容是網頁的主要內容,如
、
、
、
等網頁內容標簽,在
標簽中的內容(圖中淡綠色部分內容)最終會在瀏覽器中顯示出來。
HTML文檔包含了HTML標簽及文本內容,不同的標簽在瀏覽器上會顯示出不同的效果,所以我們需要記住最常見的標簽的特性
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/1564.html
摘要:一語義化的背景結構語義化,是近幾年才提出來的,對比之前的結構,大多是一堆沒有語義的標簽。用的最多的就是,為了改變這種現狀,開發者們和官方提出了結構語義化的概念,并且在添加了很多語義化標簽。 一、HTML語義化的背景 HTML結構語義化,是近幾年才提出來的,對比之前的 HTML 結構,大多是一堆沒有語義的標簽。用的最多的就是 DIV+CSS,為了改變這種現狀,開發者們和官方提出了 HTM...
摘要:一語義化的背景結構語義化,是近幾年才提出來的,對比之前的結構,大多是一堆沒有語義的標簽。用的最多的就是,為了改變這種現狀,開發者們和官方提出了結構語義化的概念,并且在添加了很多語義化標簽。 一、HTML語義化的背景 HTML結構語義化,是近幾年才提出來的,對比之前的 HTML 結構,大多是一堆沒有語義的標簽。用的最多的就是 DIV+CSS,為了改變這種現狀,開發者們和官方提出了 HTM...
摘要:交互元素用于與用戶交互的元素元數據元素被用于說明其他內容的表現或行為,或者在當前文檔和其他文檔之間建立聯系的元素。 一、開篇 很久以前我們對于前端的理解就是開發web網頁的,并且在PC上的瀏覽器進行展示;后來,隨著響應式布局和智能手機的興起,web網頁更多的出現在了移動端的瀏覽器中;再后來,隨著技術的不斷發展,web頁面逐漸出現在了PC、Android、Iphone的applicati...
閱讀 713·2023-04-25 19:43
閱讀 3910·2021-11-30 14:52
閱讀 3784·2021-11-30 14:52
閱讀 3852·2021-11-29 11:00
閱讀 3783·2021-11-29 11:00
閱讀 3869·2021-11-29 11:00
閱讀 3557·2021-11-29 11:00
閱讀 6105·2021-11-29 11:00