简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

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

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

一：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"
"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中文網其他相關文章！

相關標籤：
网页制作，属性，html
來源：php.cn
上一篇：必須掌握的html小知識 下一篇：網頁製作（html）的基本知識（二）基本操作
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
未捕獲的類型錯誤：無法設定未定義的屬性（設定'innerHTML”） 我正在嘗試使用php創建一個網頁，在“連續文字框”類別（由我的類別定義）的元素上，單擊時必須啟動一個Javascript函數，該函數應該更改另一個函數的內容id“harta-mod...
來自於 2023-11-08 21:06:09
0
1
278
嘗試安裝 Laravel Breeze 時遇到 Laravel Mix 錯誤 我正在嘗試在我的新Laravel應用程式中安裝LaravelBreeze。一切都工作正常，但是當在控制台中輸入npmrundev時，我不斷收到此錯誤：子編譯中存在3個警告（分別使用...
來自於 2023-11-07 23:05:02
0
1
299
如何使用 PHP 與 Google Analytics Data API (GA4) 結合使用多個篩選器 所以這是我的第一個問題，我會盡力遵守社群規則。我正在嘗試使用PHP在GoogleAnalyticsDataAPI(GA4)中使用多個篩選器。我已經成功地能夠使用一個過濾器並將其顯示...
來自於 2023-11-04 14:39:38
0
1
188
相對位置的頂部未按預期工作 為什麼的top屬性不起作用，當標籤與是同級時，但是如果我刪除標籤，這個有效。 html,body{height:100%;}img{position:relative;top:40...
來自於 2023-10-29 21:02:46
0
1
236
Vue JS Router：重定向時重新載入頁面 我有一個帶有Login.vue和Home.vue檔案的應用程式。因為我將管理HTML網站轉換為vue3應用程序，所以我的javascript僅適用於頁面重新載入。在創建應用程式時，...
來自於 2023-10-26 11:53:46
0
2
188
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！