DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> HTML基本概念詳解
HTML基本概念詳解
編輯:HTML和Xhtml     

什麼是 HTML?

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

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

HTML 標簽

HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。

•HTML 標簽是由尖括號包圍的關鍵詞,比如 <html>
•HTML 標簽通常是成對出現的,比如 <b> 和 </b>
•標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽
•開始和結束標簽也被稱為開放標簽和閉合標簽

HTML 元素

HTML 元素指的是從開始標簽(start tag)到結束標簽(end tag)的所有代碼。

開始標簽 元素內容 結束標簽 <p> This is a paragraph </p> <a href="default.htm" > This is a link </a> <br />    

注釋:開始標簽常被稱為開放標簽(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 完全沒有問題。

以上這篇HTML基本概念詳解就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

原文地址:http://www.cnblogs.com/sxtywjx/p/5665033.html

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved