首頁 > web前端 > html教學 > 網頁製作(html)的基本知識(一)html初識及屬性

網頁製作(html)的基本知識(一)html初識及屬性

零下一度
發布: 2017-05-05 13:57:36
原創
1139 人瀏覽過

一: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 連結是透過 標籤定義的。


註解:在 href 屬性中指定連結的位址。

1.4HTML 圖片

HTML 圖片是透過 標籤定義的。

註解:圖像的名稱和尺寸是以屬性的形式提供的。

二:html屬性

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

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

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

2.1屬性實例

HTML 連結由 標籤定義。連結的地址在 href 屬性中指定。

更多 HTML 屬性實例

屬性範例 1:

定義標題的開始。

擁有關於對齊方式的附加資訊。

TIY : 居中排列標題

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"www.php.cn/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:

定義 HTML 表格。 (您將在稍後的章節學習到更多有關 HTML 表格的內容)

擁有關於表格邊框的附加資訊。

總是為屬性值加引號

屬性值應該總是被包含在引號內。雙引號是最常用的,不過使用單引號也沒問題。

在某些個別的情況下,例如屬性值本身就含有雙引號,那麼您必須使用單引號,例如:

name=&#39;Bill "HelloWorld" Gates&#39;
登入後複製

【相關推薦】

1 . 免費html線上影片教學

2. html開發手冊

3. php.cn原始html5影片教學

#

以上是網頁製作(html)的基本知識(一)html初識及屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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