當前位置 : IT培訓網 > Web前端 > Web教程 > Html元素有哪些

Html元素有哪些

時間:2016-11-14 18:01:43??來源:web前端培訓網??作者:IT培訓網??已有:名學員訪問該課程
你知道html是如何組成的嗎,你知道html的內容有哪些嗎,html真的是元素組成的嗎,我們該如何認識這些元素呢,今天IT培訓網就來給大家詳細介紹一下: HTML 元素 HTML 文檔由 HTML 元素定義。 HTML(標準通用標記語言下的一個應用)

你知道html是如何組成的嗎,你知道html的內容有哪些嗎,html真的是元素組成的嗎,我們該如何認識這些元素呢,今天IT培訓網就來給大家詳細介紹一下:

HTML 元素

HTML 文檔由 HTML 元素定義。

HTML(標準通用標記語言下的一個應用) 元素指的是從開始標簽(start tag)到結束標簽(end tag)的所有代碼。

HTML 元素

開始標簽

元素內容

結束標簽

<p>

這是一個段落

</p>

<a href="default.htm">

這是一個鏈接

</a>

<br>

 

 

 

*開始標簽常被稱為起始標簽(opening tag,結束標簽常稱為閉合標簽(closing tag

HTML 元素語法

HTML 元素以開始標簽起始

HTML 元素以結束標簽終止

元素的內容是開始標簽與結束標簽之間的內容

某些 HTML 元素具有空內容(empty content)

空元素在開始標簽中進行關閉(以開始標簽的結束而結束)

大多數 HTML 元素可擁有屬性

注釋: 您將在本教程的下一章中學習更多有關屬性的內容。

嵌套的 HTML 元素

HTML 文檔由嵌套的 HTML 元素構成。

HTML 文檔實例

<!DOCTYPE html>

<html>

<body>

<p>這是第一個段落。</p>

</body>

</html>

以上實例包含了三個 HTML 元素。

HTML 實例解析

<body> 元素:

<body>

<p>這是第一個段落。</p>

</body>

The <body> 元素定義了 HTML 文檔的主體。

這個元素擁有一個開始標簽 <body> 以及一個結束標簽 </body>。

元素內容是另一個 HTML 元素(p 元素)。

<p> 元素:

<p>這是第一個段落。</p>

這個 <p> 元素定義了 HTML 文檔中的一個段落。

這個元素擁有一個開始標簽 <p> 以及一個結束標簽 </p>.

元素內容是: This is my first paragraph.

<html> 元素:

<html>

<body>

<p>這是第一個段落。</p>

</body>

</html>

The <html> 元素定義了整個 HTML 文檔。

這個元素擁有一個開始標簽 <html> ,以及一個結束標簽 </html>.

元素內容是另一個 HTML 元素(body 元素)。

HTML 空元素

沒有內容的 HTML 元素被稱為空元素。空元素是在開始標簽中關閉的。

<br> 就是沒有關閉標簽的空元素(<br> 標簽定義換行)。

在 XHTML、XML 以及未來版本的 HTML 中,所有元素都必須被關閉。

在開始標簽中添加斜杠,比如 <br />,是關閉空元素的正確方法,HTML、XHTML 和 XML 都接受這種方式。

即使 <br> 在所有瀏覽器中都是有效的,但使用 <br /> 其實是更長遠的保障。

不要忘記結束標簽

即使您忘記了使用結束標簽,大多數瀏覽器也會正確地顯示 HTML:

<p>這是一個段落

<p>這是一個段落

以上實例在瀏覽器中也能正常顯示,因為關閉標簽是可選的。

但不要依賴這種做法。忘記使用結束標簽會產生不可預料的結果或錯誤。

HTML 提示:使用小寫標簽

HTML 標簽對大小寫不敏感:<P> 等同于 <p>。許多網站都使用大寫的 HTML 標簽。

W3CSchool 使用的是小寫標簽,因為萬維網聯盟(W3C)在 HTML 4 中推薦使用小寫,而在未來 (X)HTML 版本中強制使用小寫。

想要學好web前端怎么能不知道這些小元素呢,只有靈活運用它們,你才能設計出一個完整的網頁。好了,想要學習web前端,想要學習html,那就從學習這些html元素開始吧!

頂一下
(0)
0%
踩一下
(0)
0%
------分隔線----------------------------
------分隔線----------------------------
Web 教程
1、HTML 教程
1.1 HTML 簡介
1.2 HTML 編輯器
1.3 HTML 基礎
1.4 HTML 元素
1.5 HTML 屬性
1.6 HTML 標題
1.7 HTML 段落
1.8 HTML 文本格式化
1.9 HTML 鏈接
1.10 HTML 頭部
1.11 HTML CSS
1.12 HTML 圖像
1.13 HTML 表格
1.14 HTML 列表
1.15 HTML 區塊
1.16 HTML 布局
1.17 HTML 表單
1.18 HTML 框架
1.19 HTML 顏色
1.20 HTML 顏色名
1.21 HTML 顏色值
1.22 HTML 腳本
1.23 HTML 字符實體
1.24 HTML URL
1.25 HTML 速查列表
1.26 HTML 總結
1.27 HTML 簡介
2、HTML5
2.1 HTML5 教程
2.2 HTML5 瀏覽器支持
2.3 HTML5 新元素
2.4 HTML5 Canvas
2.5 HTML5 內聯 SVG
2.6 HTML5 MathML
2.7 HTML5 拖放
2.8 HTML5 地理定位
2.9 HTML5 Video(視頻)
2.10 HTML5 Audio(音頻)
2.11 HTML5 Input 類型
2.12 HTML5 表單元素
2.13 HTML5 表單屬性
2.14 HTML5 語義元素
2.15 HTML5 Web 存儲
2.16 HTML5 Web SQL
2.17 HTML5 應用程序緩存
2.18 HTML5 Web Workers
2.19 HTML5 SSE
2.20 HTML5 WebSocket
2.21 HTML5 代碼規范
3、HTML 媒體
3.1 HTML 媒體(Media)
3.2 HTML 插件
3.3 HTML 音頻(Audio)
3.4 HTML視頻(Videos)播放
激情色播