首頁 > 文章 > web前端 > HTML的標題總結推薦

HTML的標題總結推薦

php中世界最好的语言原創: 2018-01-22 10:44:561496瀏覽

這次帶給大家HTML的標題總結推薦，HTML標題的注意事項有哪些，以下就是實戰案例，一起來看一下。

HTML: 標題

標題（Heading）是透過 4a249f0d628e2318394fd9b75b4636b1 - 4e9ee319e0fa4abc21ff286eeb145ecc 等標籤定義的。

<h1> 定义最大的标题。<h6> 定义最小的标题。
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

提示：瀏覽器會自動地在標題的前後新增空白行。 h1 用作主標題（最重要的），其後是 h2（次重要的），再其次是 h3，以此類推。提示：預設情況下，HTML 會自動地在區塊級元素前後新增一個額外的空白行，例如段落、標題元素前後。 4a249f0d628e2318394fd9b75b4636b1 - 4e9ee319e0fa4abc21ff286eeb145ecc 的 align 屬性HTML4/5已廢棄。請使用 CSS 代替。標題支援事件屬性與全域屬性

設定標題對齊方式：

CSS 語法：43b22804203b6045a31eedffd0845461

方法1：

<!DOCTYPE html>  
<html>  
<body>  
<h1 style="text-align:center">This is heading 1</h1>  
<h2 style="text-align:left">This is heading 2</h2>  
<h3 style="text-align:right">This is heading 3</h3>  
<h4 style="text-align:justify">This is heading 4</h4>  
</body>  
</html>

方法2：

<!DOCTYPE html>  
<html>  
<head>  
<style>  
h1 {text-align:center}   
h2 {text-align:left}   
h3 {text-align:right}   
</style>  
</head>  
  
<body>  
<h1>This is heading 1</h1>  
<h2>This is heading 2</h2>  
<h3>This is heading 3</h3>  
</body>  
</html>

HTML: 水平線

231a563c997aa9e3e0ae614bd16728b0 標籤在HTML 頁面中創建水平線。

hr 元素可用來分隔內容。

<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />

e388a4556c0f65e1904146cc1a846beeThis is a paragraph94b3e26ee717c64999d7867364b1b4a3提示：使用水平線 (f32b48428a809b51f04d3228cdf461fa 標籤) 來分隔文章中的小節是一個辦法（但不是唯一的辦法）。 HTML5 不支援 f32b48428a809b51f04d3228cdf461fa align 屬性。請使用 CSS 代替。

在 HTML 4.01 中，f32b48428a809b51f04d3228cdf461fa 的 align 屬性已廢棄。

align 屬性規定水平線的對齊方式。

注意：除非 width 屬性設定為小於 100%，否則 align 屬性不會有任何效果。

CSS 語法（IE 和Opera）：b6b08834a2c71e4c4f5c07ba37a5f4e5

CSS 語法（Firefox、Chrome 和Safari）：aa65c34d894985fb7ca7ec3b33c47886

CSS 語法（跨瀏覽器）：7ddfdf383f176d5259b96af8417ef01d

屬性值描述css語法格式c98f903ba699f243c047ae970b8a1da0

align left
center##right HTML5 不支援。 HTML 4.01 已廢棄。規定 f32b48428a809b51f04d3228cdf461fa 元素的對齊方式

noshade noshade HTML5 不支援。 HTML 4.01 已廢棄。規定 f32b48428a809b51f04d3228cdf461fa 元素的顏色呈現為純色。

size pixels HTML5 不支援。 HTML 4.01 已廢棄。規定 f32b48428a809b51f04d3228cdf461fa 元素的高度。

width pixels

% HTML5 不支援。 HTML 4.01 已廢棄。規定 f32b48428a809b51f04d3228cdf461fa 元素的寬度。

<!DOCTYPE html>  
<html>  
<body>  
<p>This is some text. This is some text. This is some text.</p>  
<hr style="width:50%;text-align:left;margin-left:0">  
<p>This is some text. This is some text. This is some text.</p>  
</body>  
</html>

HTML: 註解

可以將註解插入 HTML 程式碼中，這樣可以提高其可讀性，讓程式碼更容易被人理解。瀏覽器會忽略註釋，也不會顯示它們。

註解是這樣寫的：

cf2a8215cfeca7c74714a9990fb8e262

註解：命令列最後的兩個正斜線（/ /）是

JavaScript 註解符號。這確保了 JavaScript 不會執行 --> 標籤。

除了在原始文件中有非常明顯的作用外，許多 Web 伺服器也利用註解來實現文件服務端軟體特有的特性。這些伺服器可以掃描文檔，從傳統的 HTML/XHTML 註解中找到特定的字元序列，然後再根據嵌在註解中的命令採取相應的動作。這些動作可能是簡單的包括其他文件中的文字（即所謂的伺服器端包含，server-inside include），也可能是複雜地執行其他指令去動態產生文件的內容。

相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！