首頁 > 文章 > web前端 > HTML的基本概念詳細介紹

HTML的基本概念詳細介紹

php中世界最好的语言原創: 2018-01-22 10:45:092136瀏覽

這次帶給大家HTML的基本概念詳細介紹，HTML基本概念的注意事項有哪些，以下就是實戰案例，一起來看一下。

什麼是 HTML？

HTML 是用來描述網頁的語言。

•HTML 指的是超文本標記語言(Hyper Text Markup Language)
•HTML 不是一種程式語言，而是一種標記語言(markup language)
•標記語言是一套標記標籤(markup tag)
•HTML 使用標記標籤來描述網頁

HTML 標籤

HTML 標記標籤通常稱為HTML 標籤(HTML tag )。

•HTML 標籤是由尖括號包圍的關鍵字，例如100db36a723c770d327fc0aef2ce13b1
•HTML 標籤通常是成對出現的，例如a4b561c25d9afb9ac8dc4d70affff419 和0d36329ec37a2cc24d42c7229b69747a
•標籤對中的第一個標籤是開始標籤，第二個標籤是結束標籤
•開始和結束標籤也被稱為開放標籤和閉合標籤

HTML 元素

#HTML 元素指的是從開始標籤（start tag）到結束標籤（end tag）的所有程式碼。

註解：開始標籤常被稱為開放標籤（opening tag），結束標籤常稱為閉合標籤（closing tag）。

HTML 元素語法

•HTML 元素以開始標籤起始
•HTML 元素以結束標籤終止
•元素的內容是開始標籤與結束標籤之間的內容
•某些HTML 元素具有空內容（empty content）
•空元素在開始標籤中關閉（以開始標籤的結束而結束）
•大多數HTML 元素可擁有屬性

HTML 屬性

HTML 標籤可以擁有屬性。屬性提供了有關 HTML 元素的更多的資訊。

屬性總是以名稱/值對的形式出現，例如：name="value"。

屬性總是在 HTML 元素的開始標籤中規定。

屬性範例1:

<h1> 定义标题的开始。
<h1 align="center"> 拥有关于对齐方式的附加信息。

TIY : 居中排列標題

屬性範例2:

<body> 定义 HTML 文档的主体。
<body bgcolor="yellow"> 拥有关于背景颜色的附加信息。

TIY : 背景顏色

#屬性範例3:

<table> 定义 HTML 表格。（您将在稍后的章节学习到更多有关 HTML 表格的内容）
<table border="1"> 拥有关于表格边框的附加信息。

HTML 文檔= 網頁

•HTML 文档描述网页
•HTML 文档包含 HTML 标签和纯文本
•HTML 文档也被称为网页

Web 瀏覽器的作用是讀取HTML 文檔，並以網頁的形式顯示它們。瀏覽器不會顯示 HTML 標籤，而是使用標籤來解釋頁面的內容。

<html><body><h1>My First Heading</h1><p>My first paragraph.</p></body>
</html>

範例解釋

•<html> 与 </html> 之间的文本描述网页
•<body> 与 </body> 之间的文本是可见的页面内容
•<h1> 与 </h1> 之间的文本被显示为标题
•<p> 与 </p> 之间的文本被显示为段落

•當您儲存 HTML 檔案時，既可以使用 .htm 也可以使用 .html 檔案後綴。我們在實例中使用 .htm。這只是長久以來形成的習慣而已，因為過去的許多軟體只允許三個字母的檔案後綴。不過對於新的軟體，使用 .html 完全沒有問題。

相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！