這次帶給大家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 會自動地在區塊級元素前後新增一個額外的空白行,例如段落、標題元素前後。
設定標題對齊方式:
CSS 語法:
方法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: 水平線
hr 元素可用來分隔內容。
<p>This is a paragraph</p> <hr /> <p>This is a paragraph</p> <hr />
This is a paragraph
提示:使用水平線 (在 HTML 4.01 中,
align 屬性規定水平線的對齊方式。
注意:除非 width 屬性設定為小於 100%,否則 align 屬性不會有任何效果。
CSS 語法(IE 和Opera):
CSS 語法(Firefox、Chrome 和Safari):
CSS 語法(跨瀏覽器):
屬性 值 描述css語法格式
align left
center##right HTML5 不支援。 HTML 4.01 已廢棄。 規定
% 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>
JavaScript 註解符號。這確保了 JavaScript 不會執行 --> 標籤。
除了在原始文件中有非常明顯的作用外,許多 Web 伺服器也利用註解來實現文件服務端軟體特有的特性。這些伺服器可以掃描文檔,從傳統的 HTML/XHTML 註解中找到特定的字元序列,然後再根據嵌在註解中的命令採取相應的動作。這些動作可能是簡單的包括其他文件中的文字(即所謂的伺服器端包含,server-inside include),也可能是複雜地執行其他指令去動態產生文件的內容。 相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章! 相關閱讀:以上是HTML的標題總結推薦的詳細內容。更多資訊請關注PHP中文網其他相關文章!