HTML基礎(chǔ)總結(jié)推薦(標(biāo)題)

HTML: 標(biāo)題
標(biāo)題(Heading)是通過 <h1> - <h6> 等標(biāo)簽進(jìn)行定義的。
<h1> 定義最大的標(biāo)題。<h6> 定義最小的標(biāo)題。
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
提示:瀏覽器會自動地在標(biāo)題的前后添加空行。 h1 用作主標(biāo)題(最重要的),其后是 h2(次重要的),再其次是 h3,以此類推。提示:默認(rèn)情況下,HTML 會自動地在塊級元素前后添加一個額外的空行,比如段落、標(biāo)題元素前后。<h1> - <h6> 的 align 屬性HTML4/5已廢棄。請使用 CSS 代替。標(biāo)題支持事件屬性與全局屬性
設(shè)置標(biāo)題對齊方式:
CSS 語法:<h1 style="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>
屬性值 | 描述 |
---|---|
left | 左對齊標(biāo)題(默認(rèn)值)。 |
right | 右對齊標(biāo)題。 |
center | 居中對齊標(biāo)題。 |
justify | 標(biāo)題有合理的邊距。 |
HTML: 水平線
<hr /> 標(biāo)簽在 HTML 頁面中創(chuàng)建水平線。
hr 元素可用于分隔內(nèi)容。
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>提示:使用水平線 (<hr> 標(biāo)簽) 來分隔文章中的小節(jié)是一個辦法(但并不是唯一的辦法)。HTML5 不支持 <hr> align 屬性。請使用 CSS 代替。
在 HTML 4.01 中,<hr> 的 align 屬性 已廢棄。
align 屬性規(guī)定水平線的對齊方式。
注意:除非 width 屬性設(shè)置為小于 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 已廢棄。 規(guī)定 <hr> 元素的對齊方式 |
noshade | noshade | HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定 <hr> 元素的顏色呈現(xiàn)為純色。 |
size | pixels | HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定 <hr> 元素的高度。 |
width | pixels % |
HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定 <hr> 元素的寬度。 |
- <!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 代碼中,這樣可以提高其可讀性,使代碼更易被人理解。瀏覽器會忽略注釋,也不會顯示它們。
注釋是這樣寫的:
<!-- This is a comment -->
注釋:命令行最后的兩個正斜杠(//)是 JavaScript 注釋符號。這確保了 JavaScript 不會執(zhí)行 --> 標(biāo)簽。
除了在源文檔中有非常明顯的作用外,許多 Web 服務(wù)器也利用注釋來實現(xiàn)文檔服務(wù)端軟件特有的特性。這些服務(wù)器可以掃描文檔,從傳統(tǒng)的 HTML/XHTML 注釋中找到特定的字符序列,然后再根據(jù)嵌在注釋中的命令采取相應(yīng)的動作。這些動作可能是簡單的包括其他文件中的文本(即所謂的服務(wù)器端包含,server-inside include),也可能是復(fù)雜地執(zhí)行其他命令去動態(tài)生成文檔的內(nèi)容。
以上這篇HTML基礎(chǔ)總結(jié)推薦(標(biāo)題)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
原文地址:http://www.cnblogs.com/sxtywjx/p/5665044.html
相關(guān)文章
- 下面小編就為大家?guī)硪黄狧TML基礎(chǔ)筆記(推薦)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-22
- 下面小編就為大家?guī)硪黄狧TML基礎(chǔ)總結(jié)推薦(文本格式)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-13
- 下面小編就為大家?guī)硪黄狧TML基礎(chǔ)總結(jié)推薦(段落)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-13
HTML基礎(chǔ)知識——設(shè)置超鏈接的樣式簡單實例
下面小編就為大家?guī)硪黄狧TML基礎(chǔ)知識——設(shè)置超鏈接的樣式簡單實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-11HTML基礎(chǔ)必看---表單,圖片熱點,網(wǎng)頁劃區(qū)和拼接詳解
下面小編就為大家?guī)硪黄狧TML基礎(chǔ)必看---表單,圖片熱點,網(wǎng)頁劃區(qū)和拼接詳解。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-10什么是HTML_動力節(jié)點Java學(xué)院整理
HTML是超文本標(biāo)記語言,是一種用來制作超文本文檔的簡單標(biāo)記語言,本文詳細(xì)的介紹了html的發(fā)展和基本概念,有興趣的可以了解一下2017-06-21