基礎的幾個概念
- 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的時候是直接看的書,涉及到元素屬性的時候,“元素”和“标簽”傻傻分不清楚,在翻閱了幾個大牛的部落格之後,才對這兩個概念有所區分,請放心食用。
第一次寫部落格邏輯上排版上可能還有一些欠缺,内容上如果有錯誤請糾正。蟹蟹!!!