DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> HTML基礎總結推薦(標題)
HTML基礎總結推薦(標題)
編輯:HTML和Xhtml     

HTML: 標題

標題(Heading)是通過 <h1> - <h6> 等標簽進行定義的。

<h1> 定義最大的標題。<h6> 定義最小的標題。
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

提示:浏覽器會自動地在標題的前後添加空行。 h1 用作主標題(最重要的),其後是 h2(次重要的),再其次是 h3,以此類推。提示:默認情況下,HTML 會自動地在塊級元素前後添加一個額外的空行,比如段落、標題元素前後。<h1> - <h6> 的 align 屬性HTML4/5已廢棄。請使用 CSS 代替。標題支持事件屬性與全局屬性

設置標題對齊方式:

CSS 語法:<h1 style="text-align:right">

方法1:

XML/HTML Code復制內容到剪貼板
  1. <!DOCTYPE html>  
  2. <html>  
  3. <body>  
  4. <h1 style="text-align:center">This is heading 1</h1>  
  5. <h2 style="text-align:left">This is heading 2</h2>  
  6. <h3 style="text-align:right">This is heading 3</h3>  
  7. <h4 style="text-align:justify">This is heading 4</h4>  
  8. </body>  
  9. </html>  

方法2:

XML/HTML Code復制內容到剪貼板
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <style>  
  5. h1 {text-align:center}   
  6. h2 {text-align:left}   
  7. h3 {text-align:right}   
  8. </style>  
  9. </head>  
  10.   
  11. <body>  
  12. <h1>This is heading 1</h1>  
  13. <h2>This is heading 2</h2>  
  14. <h3>This is heading 3</h3>  
  15. </body>  
  16. </html>  
屬性值 描述 left 左對齊標題(默認值)。 right 右對齊標題。 center 居中對齊標題。 justify 標題有合理的邊距。

HTML: 水平線

<hr /> 標簽在 HTML 頁面中創建水平線。

hr 元素可用於分隔內容。

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

<p>This is a paragraph</p>提示:使用水平線 (<hr> 標簽) 來分隔文章中的小節是一個辦法(但並不是唯一的辦法)。HTML5 不支持 <hr> align 屬性。請使用 CSS 代替。

在 HTML 4.01 中,<hr> 的 align 屬性 已廢棄。

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

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

CSS 語法(IE 和 Opera):<hr style="text-align:right">

CSS 語法(Firefox、Chrome 和 Safari):<hr style="margin-right:0">

CSS 語法(跨浏覽器):<hr style="text-align:right;margin-right:0">

屬性 值 描述 css語法格式 <h style=width:"50%">  align left
center
right HTML5 不支持。HTML 4.01 已廢棄。 規定 <hr> 元素的對齊方式 noshade noshade HTML5 不支持。HTML 4.01 已廢棄。 規定 <hr> 元素的顏色呈現為純色。 size pixels HTML5 不支持。HTML 4.01 已廢棄。 規定 <hr> 元素的高度。 width pixels
%
HTML5 不支持。HTML 4.01 已廢棄。 規定 <hr> 元素的寬度。 XML/HTML Code復制內容到剪貼板
  1. <!DOCTYPE html>  
  2. <html>  
  3. <body>  
  4. <p>This is some text. This is some text. This is some text.</p>  
  5. <hr style="width:50%;text-align:left;margin-left:0">  
  6. <p>This is some text. This is some text. This is some text.</p>  
  7. </body>  
  8. </html>  

HTML: 注釋

可以將注釋插入 HTML 代碼中,這樣可以提高其可讀性,使代碼更易被人理解。浏覽器會忽略注釋,也不會顯示它們。

注釋是這樣寫的:

<!-- This is a comment -->

注釋:命令行最後的兩個正斜槓(//)是 JavaScript 注釋符號。這確保了 JavaScript 不會執行 --> 標簽。

除了在源文檔中有非常明顯的作用外,許多 Web 服務器也利用注釋來實現文檔服務端軟件特有的特性。這些服務器可以掃描文檔,從傳統的 HTML/XHTML 注釋中找到特定的字符序列,然後再根據嵌在注釋中的命令采取相應的動作。這些動作可能是簡單的包括其他文件中的文本(即所謂的服務器端包含,server-inside include),也可能是復雜地執行其他命令去動態生成文檔的內容。

以上這篇HTML基礎總結推薦(標題)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

原文地址:http://www.cnblogs.com/sxtywjx/p/5665044.html

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved