天天看點

【前端H5】對Html,元素,标簽,屬性,屬性值的了解HTML是什麼?元素是什麼?标簽是什麼?元素的屬性和屬性值?總結

基礎的幾個概念

  • HTML是什麼?
    • 超文本是什麼?
  • 元素是什麼?
    • 元素的類型
  • 标簽是什麼?
  • 元素的屬性和屬性值?
  • 總結
    • ==元素和标簽的差別==

HTML是什麼?

  • 是用來描述網頁的一種語言
  • 是指超文本标記語言(hyper text markup language)
  • html不是程式設計語言,是一種标記語言

超文本是什麼?

概念見🔗,🔗來自百度百科,本人還沒有進行深刻的了解和總結,後續了解之後再記錄。

連結: link.

元素是什麼?

元素是指從開始标簽到結束标簽的所有代碼。

例如:

<p>我從沒有想過我也會開始寫部落格了</p>

<p>:開始标簽/起始标簽

⚠️元素的名稱和屬性都必須在起始标簽中

</p>:結束标簽

“我從沒有想過我也會開始寫部落格了”:元素内容/元素主體

元素的類型

  • 中繼資料元素(metadata element)

    建構HTML文檔的基本結構,告訴浏覽器如何處理文檔。

  • 流元素(flow element)
  • 短語元素(phrasing element)

标簽是什麼?

所有标簽都包含在“<”“>”起止辨別符中,構成一個标簽。

例如:<a>,<head>,<body>

  • 标簽與标簽之間可以互相嵌套
<p id=“example” align=“center”><a href=“253htmllayout.html”>布局</a>哈哈哈哈</p>

元素的屬性和屬性值?

元素的屬性是指這個元素有什麼特性。

元素的屬性包含屬性名稱和屬性值兩部分

  • 屬性名稱和屬性值通過等号進行連接配接。

<p align=“center”>段段段</p>

屬性名稱:align(對齊方式)

屬性值:center(居中)

  • 多個屬性之間用空格分隔。

<p align=“center” hidden=“ture”>段段段</p>

屬性1:align(對齊方式)

屬性2:hidden(隐藏内容)

  • 元素名稱和屬性之間也用空格分隔。

<p id=“example” align=“center” hidden=“ture”>段段段</p>

元素名稱:example

屬性:align和hidden

  • 少數元素的屬性也有可能不包含屬性值,僅僅有一個屬性名稱。(我還沒實際遇到過,但是書上有寫,先保留,實際上這種概念很讓人添堵哈哈)
  • 公共屬性
title、id、class、style等
  • 屬性值

    屬性值一般都寫在雙引号“ ”之間。

總結

元素和标簽的差別

  • <p>這是一個标簽。
  • <p></p>但這就是一個元素(不管有沒有内容主體)。
  • 個人了解屬性和屬性值隻有放進元素裡才有意義。
  • 元素的屬性主要作用于内容主體。

我剛開始學習h5的時候是直接看的書,涉及到元素屬性的時候,“元素”和“标簽”傻傻分不清楚,在翻閱了幾個大牛的部落格之後,才對這兩個概念有所區分,請放心食用。

第一次寫部落格邏輯上排版上可能還有一些欠缺,内容上如果有錯誤請糾正。蟹蟹!!!

繼續閱讀