html基礎學習

時間 2019-11-19

標籤 html 基礎學習欄目 HTML 简体版

原文原文鏈接

<html> 與 </html> 之間的文本描述網頁
<body> 與 </body> 之間的文本是可見的頁面內容
<h1> 與 </h1> 之間的文本被顯示爲標題
<p> 與 </p> 之間的文本被顯示爲段落

HTML 標題

HTML 標題（Heading）是經過 <h1> - <h6> 等標籤進行定義的。html

HTML 段落

HTML 段落是經過 <p> 標籤進行定義的。瀏覽器

HTML 連接

HTML 連接是經過 <a> 標籤進行定義的。指針

<html>
<body>

<a href="http://www.baidu.com">百度一下</a>

</body>
</html>

HTML 圖像

HTML 圖像是經過 <img> 標籤進行定義的。code

<img src="w3school.jpg" width="104" height="142" />

HTML 文檔是由 HTML 元素定義的。orm

HTML 元素

HTML 元素指的是從開始標籤（start tag）到結束標籤（end tag）的全部代碼。htm

註釋：開始標籤常被稱爲開放標籤（opening tag），結束標籤常稱爲閉合標籤（closing tag）。blog

HTML 元素語法

HTML 元素以開始標籤起始
HTML 元素以結束標籤終止
元素的內容是開始標籤與結束標籤之間的內容
某些 HTML 元素具備空內容（empty content）
空元素在開始標籤中進行關閉（以開始標籤的結束而結束）
大多數 HTML 元素可擁有屬性

<p> 元素定義了 HTML 文檔中的一個段落。ip

<body> 元素定義了 HTML 文檔的主體。ci

<html> 元素定義了整個 HTML 文檔。element

<br> 就是沒有關閉標籤的空元素（<br> 標籤訂義換行）。

在開始標籤中添加斜槓，好比 <br />，是關閉空元素的正確方法，HTML、XHTML 和 XML 都接受這種方式。

即便 <br> 在全部瀏覽器中都是有效的，但使用 <br /> 實際上是更長遠的保障。

HTML 提示：使用小寫標籤

屬性爲 HTML 元素提供附加信息。

HTML 屬性

HTML 標籤能夠擁有屬性。屬性提供了有關 HTML 元素的更多的信息。

屬性老是以名稱/值對的形式出現，好比：name="value"。

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

<h1 align="center"> 擁有關於對齊方式的附加信息。

<body bgcolor="yellow"> 擁有關於背景顏色的附加信息。

<table border="1"> 擁有關於表格邊框的附加信息。

始終爲屬性值加引號

屬性值應該始終被包括在引號內。雙引號是最經常使用的，不過使用單引號也沒有問題。

在某些個別的狀況下，好比屬性值自己就含有雙引號，那麼您必須使用單引號

http://www.w3school.com.cn/tags/index.asp

HTML 標題

標題（Heading）是經過 <h1> - <h6> 等標籤進行定義的。

<h1> 定義最大的標題。<h6> 定義最小的標題。

註釋：瀏覽器會自動地在標題的先後添加空行。

註釋：默認狀況下，HTML 會自動地在塊級元素先後添加一個額外的空行，好比段落、標題元素先後。

HTML 水平線

<hr /> 標籤在 HTML 頁面中建立水平線。

HTML 註釋

能夠將註釋插入 HTML 代碼中，這樣能夠提升其可讀性，使代碼更易被人理解。瀏覽器會忽略註釋，也不會顯示它們。

<!-- This is a comment -->

HTML 提示 - 如何查看源代碼

您必定曾經在看到某個網頁時驚歎道「WOW! 這是如何實現的？」

若是您想找到其中的奧祕，只須要單擊右鍵，而後選擇「查看源文件」（IE）或「查看頁面源代碼」（Firefox），其餘瀏覽器的作法也是相似的。這麼作會打開一個包含頁面 HTML 代碼的窗口。

HTML 折行

若是您但願在不產生一個新段落的狀況下進行換行（新行），請使用 <br /> 標籤：

<p>This is<br />a para<br />graph with line breaks</p>

HTML 文本格式化實例

文本格式化

此例演示如何在一個 HTML 文件中對文本進行格式化

預格式文本

此例演示如何使用 pre 標籤對空行和空格進行控制。

「計算機輸出」標籤

此例演示不一樣的「計算機輸出」標籤的顯示效果。

此例演示如何在 HTML 文件中寫地址。

此例演示如何實現縮寫或首字母縮寫。

此例演示如何改變文字的方向。

此例演示如何實現長短不一的引用語。

此例演示如何標記刪除文本和插入文本。

標籤	描述
<b>	定義粗體文本。
<big>	定義大號字。
<em>	定義着重文字。
<i>	定義斜體字。
<small>	定義小號字。
<strong>	定義加劇語氣。
<sub>	定義下標字。
<sup>	定義上標字。
<ins>	定義插入字。
<del>	定義刪除字。
<s>	不同意使用。使用 <del> 代替。
<strike>	不同意使用。使用 <del> 代替。
<u>	不同意使用。使用樣式（style）代替。

標籤	描述
<code>	定義計算機代碼。
<kbd>	定義鍵盤碼。
<samp>	定義計算機代碼樣本。
<tt>	定義打字機代碼。
<var>	定義變量。
<pre>	定義預格式文本。
<listing>	不同意使用。使用 <pre> 代替。
<plaintext>	不同意使用。使用 <pre> 代替。
<xmp>	不同意使用。使用 <pre> 代替。

<abbr>	定義縮寫。
<acronym>	定義首字母縮寫。
<address>	定義地址。
<bdo>	定義文字方向。
<blockquote>	定義長的引用。
<q>	定義短的引用語。
<cite>	定義引用、引證。
<dfn>	定義一個定義項目。