首頁 > web前端 > html教學 > HTML的基本概念詳細介紹

HTML的基本概念詳細介紹

php中世界最好的语言
發布: 2018-01-22 10:45:09
原創
2201 人瀏覽過

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

什麼是 HTML?

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

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

HTML 標籤

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

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

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中文網其它相關文章!

相關閱讀:

HTML文字格式化的實例詳解

#html的特殊字元-css3 content:"特殊符號"應該如何使用

h5怎麼實作輸入框提示語+正常文字方塊提示字

以上是HTML的基本概念詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板