一:html初識
<html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
範例解釋
與 之間的文字描述網頁
與 之間的文字是可見的頁面內容與
之間的文字被顯示為段落1.1HTML 是用來描述網頁的語言。
HTML 指的是超文本標記語言(HyperTextMarkupLanguage)
HTML 不是一種程式語言,而是一種標記語言 (markup language)
標記語言是一套標記標籤 (markup tag)
HTML 使用標記標籤來描述網頁
1.2HTML 標記標籤通常被稱為HTML 標籤(HTML tag)。
HTML 標籤是由尖括號包圍的關鍵字,例如
HTML 標籤通常是成對出現的,例如 和< ;/b>
標籤對中的第一個標籤是開始標籤,第二個標籤是結束標籤
開始和結束標籤也被稱為開放標籤和閉合標籤
1.3HTML 連結的
HTML 連結是透過 標籤定義的。
<html> <body> <a href="http://www.w3school.com.cn"> This is a link</a> </body> </html>
註解:在 href 屬性中指定連結的位址。
1.4HTML 圖片
HTML 圖片是透過 標籤定義的。
<html> <body> <img src="/i/eg_w3school.gif" width="300" height="120" /> </body> </html>
註解:圖像的名稱和尺寸是以屬性的形式提供的。
二:html屬性
#HTML 標籤可以擁有屬性。屬性提供了有關 HTML 元素的更多的資訊。
屬性總是以名稱/值對的形式出現,例如:name="value"。
屬性總是在 HTML 元素的開始標籤中規定。
2.1屬性實例
HTML 連結由 標籤定義。連結的地址在 href 屬性中指定。
更多 HTML 屬性實例
屬性範例 1:
TIY : 居中排列標題
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "m.sbmmt.com/TR/html4/loose.dtd"> <html> <body> <h1 align="center">This is heading 1</h1> <p>上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。</p> </body> </html>
屬性範例 2:
定義 HTML 文件的主體。 擁有關於背景顏色的附加資訊。TIY : 背景顏色
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="zh-cn" /> </head> <body bgcolor="yellow"> <h2>请看: 改变了颜色的背景。</h2> </body> </html>
屬性範例 3: