首頁

web前端

html教學

HTML的標題總結推薦

php中世界最好的语言

Jan 22, 2018 am 10:44 AM

html推薦標題

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

HTML: 標題

標題（Heading）是透過

-

等標籤定義的。

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

提示：瀏覽器會自動地在標題的前後新增空白行。 h1 用作主標題（最重要的），其後是 h2（次重要的），再其次是 h3，以此類推。提示：預設情況下，HTML 會自動地在區塊級元素前後新增一個額外的空白行，例如段落、標題元素前後。

-

的 align 屬性HTML4/5已廢棄。請使用 CSS 代替。標題支援事件屬性與全域屬性

設定標題對齊方式：

CSS 語法：

text-align:right ">

方法1：

<!DOCTYPE html>  
<html>  
<body>  
<h1 id="This-nbsp-is-nbsp-heading-nbsp">This is heading 1</h1>  
<h2 id="This-nbsp-is-nbsp-heading-nbsp">This is heading 2</h2>  
<h3 id="This-nbsp-is-nbsp-heading-nbsp">This is heading 3</h3>  
<h4 id="This-nbsp-is-nbsp-heading-nbsp">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 id="This-nbsp-is-nbsp-heading-nbsp">This is heading 1</h1>  
<h2 id="This-nbsp-is-nbsp-heading-nbsp">This is heading 2</h2>  
<h3 id="This-nbsp-is-nbsp-heading-nbsp">This is heading 3</h3>  
</body>  
</html>

HTML: 水平線

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

hr 元素可用來分隔內容。

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

This is a paragraph

提示：使用水平線 (

標籤) 來分隔文章中的小節是一個辦法（但不是唯一的辦法）。 HTML5 不支援

align 屬性。請使用 CSS 代替。

在 HTML 4.01 中，

的 align 屬性已廢棄。

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

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

CSS 語法（IE 和Opera）：

CSS 語法（Firefox、Chrome 和Safari）：

margin-right:0">

CSS 語法（跨瀏覽器）：

屬性值描述css語法格式

align left
center##right HTML5 不支援。 HTML 4.01 已廢棄。規定

元素的對齊方式
noshade noshade HTML5 不支援。 HTML 4.01 已廢棄。規定

元素的顏色呈現為純色。

size pixels HTML5 不支援。 HTML 4.01 已廢棄。規定

元素的高度。

width pixels

% HTML5 不支援。 HTML 4.01 已廢棄。規定

元素的寬度。

<!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 程式碼中，這樣可以提高其可讀性，讓程式碼更容易被人理解。瀏覽器會忽略註釋，也不會顯示它們。

註解是這樣寫的：

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

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

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

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

相關閱讀：

HTML文字格式化的實例詳解

html裡的清單標籤有哪些？

HTML的編輯基礎(新手必看篇)
#

以上是HTML的標題總結推薦的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

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