首頁 > web前端 > html教學 > HTML的標題總結推薦

HTML的標題總結推薦

php中世界最好的语言
發布: 2018-01-22 10:44:56
原創
1528 人瀏覽過

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

HTML: 標題

標題(Heading)是透過

-

等標籤定義的。

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

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

-

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

設定標題對齊方式:

CSS 語法:

text-align:right ">

方法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: 水平線


標籤在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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板