首頁 > 文章 > web前端 > 網頁製作（html）的基本知識（一）html初識及屬性

網頁製作（html）的基本知識（一）html初識及屬性

零下一度原創: 2017-05-05 13:57:361109瀏覽

一：html初識

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

範例解釋

100db36a723c770d327fc0aef2ce13b1 與73a6ac4ed44ffec12cee46588e518a5e 之間的文字描述網頁

6c04bd5ca3fcae76e30b72ad730ca86d 與36cc49f0c466276486e50c850b7e4956 之間的文字是可見的頁面內容

4a249f0d628e2318394fd9b75b4636b1 與473f0a7621bec819994bb5020d29372a 之間的文字被顯示為標題

e388a4556c0f65e1904146cc1a846bee 與94b3e26ee717c64999d7867364b1b4a3 之間的文字被顯示為段落

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

HTML 指的是超文本標記語言(HyperTextMarkupLanguage)

HTML 不是一種程式語言，而是一種標記語言 (markup language)

標記語言是一套標記標籤 (markup tag)

HTML 使用標記標籤來描述網頁

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

HTML 標籤是由尖括號包圍的關鍵字，例如100db36a723c770d327fc0aef2ce13b1

HTML 標籤通常是成對出現的，例如a4b561c25d9afb9ac8dc4d70affff419 和< ;/b>

標籤對中的第一個標籤是開始標籤，第二個標籤是結束標籤

開始和結束標籤也被稱為開放標籤和閉合標籤

1.3HTML 連結的

HTML 連結是透過3499910bf9dac5ae3c52d5ede7383485 標籤定義的。

<html>
<body>

<a href="http://www.w3school.com.cn">
This is a link</a>

</body>
</html>

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

1.4HTML 圖片

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

<html>
<body>

<img src="/i/eg_w3school.gif" width="300" height="120" />

</body>
</html>

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

二：html屬性

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

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

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

2.1屬性實例

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

更多 HTML 屬性實例

屬性範例 1:

4a249f0d628e2318394fd9b75b4636b1 定義標題的開始。

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

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:

6c04bd5ca3fcae76e30b72ad730ca86d 定義 HTML 文件的主體。

caf8fd01290d489814c545f9d843d95e 擁有關於背景顏色的附加資訊。

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:

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

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

總是為屬性值加引號

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

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

name=&#39;Bill "HelloWorld" Gates&#39;

【相關推薦】

1 . 免費html線上影片教學

2. html開發手冊

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

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

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：必須掌握的html小知識下一篇：必須掌握的html小知識

看更多