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>
提示:瀏覽器會(huì)自動(dòng)地在標(biāo)題的前后添加空行。 h1 用作主標(biāo)題(最重要的),其后是 h2(次重要的),再其次是 h3,以此類推。提示:默認(rèn)情況下,HTML 會(huì)自動(dòng)地在塊級(jí)元素前后添加一個(gè)額外的空行,比如段落、標(biāo)題元素前后。<h1> - <h6> 的 align 屬性HTML4/5已廢棄。請(qǐng)使用 CSS 代替。標(biāo)題支持事件屬性與全局屬性
設(shè)置標(biāo)題對(duì)齊方式:
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 | 左對(duì)齊標(biāo)題(默認(rèn)值)。 |
right | 右對(duì)齊標(biāo)題。 |
center | 居中對(duì)齊標(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é)是一個(gè)辦法(但并不是唯一的辦法)。HTML5 不支持 <hr> align 屬性。請(qǐng)使用 CSS 代替。
在 HTML 4.01 中,<hr> 的 align 屬性 已廢棄。
align 屬性規(guī)定水平線的對(duì)齊方式。
注意:除非 width 屬性設(shè)置為小于 100%,否則 align 屬性不會(huì)有任何效果。
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> 元素的對(duì)齊方式 |
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 代碼中,這樣可以提高其可讀性,使代碼更易被人理解。瀏覽器會(huì)忽略注釋,也不會(huì)顯示它們。
注釋是這樣寫的:
<!-- This is a comment -->
注釋:命令行最后的兩個(gè)正斜杠(//)是 JavaScript 注釋符號(hào)。這確保了 JavaScript 不會(huì)執(zhí)行 --> 標(biāo)簽。
除了在源文檔中有非常明顯的作用外,許多 Web 服務(wù)器也利用注釋來實(shí)現(xiàn)文檔服務(wù)端軟件特有的特性。這些服務(wù)器可以掃描文檔,從傳統(tǒng)的 HTML/XHTML 注釋中找到特定的字符序列,然后再根據(jù)嵌在注釋中的命令采取相應(yīng)的動(dòng)作。這些動(dòng)作可能是簡單的包括其他文件中的文本(即所謂的服務(wù)器端包含,server-inside include),也可能是復(fù)雜地執(zhí)行其他命令去動(dòng)態(tài)生成文檔的內(nèi)容。
以上這篇HTML基礎(chǔ)總結(jié)推薦(標(biāo)題)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持我們。
原文地址:http://www.cnblogs.com/sxtywjx/p/5665044.html
上一篇:多種實(shí)例解析HTML表單form的使用方法
欄 目:CSS/HTML
下一篇:5種方法快速去掉HTML中Inline-Block的空白
本文標(biāo)題:HTML基礎(chǔ)總結(jié)推薦(標(biāo)題)
本文地址:http://mengdiqiu.com.cn/a1/CSS_HTML/9641.html
您可能感興趣的文章
- 04-02好看的字體樣式css,好看的字體樣式圖片
- 04-02html中加入css樣式的簡單介紹
- 01-10通過html為FLASH加鏈接的實(shí)現(xiàn)代碼(div層)
- 01-10IE瀏覽器HTML Hack標(biāo)簽總結(jié)
- 01-10html用style添加屬性示例
- 01-10HTML中rel屬性分析
- 01-10HTML元素設(shè)置焦點(diǎn)的方法
- 01-10在html文件里include文件內(nèi)容的方法小結(jié)
- 01-10常用HTML meta 標(biāo)簽屬性(網(wǎng)站兼容與優(yōu)化需要)
- 01-10用HTML和CSS打造屬于自己的暖男“大白”


閱讀排行
本欄相關(guān)
- 04-02表格樣式css樣式,css樣式表單
- 04-02好看的字體樣式css,好看的字體樣式圖
- 04-02分頁樣式css,分頁樣式j(luò)q
- 04-02分頁樣式css,分頁樣式欄里用來定義首
- 04-02css樣式的引入,css樣式怎么引入
- 04-02css滾動(dòng)條樣式,css滾動(dòng)條的樣式
- 04-02css樣式引入方式有幾種,網(wǎng)頁引入css樣
- 04-02html中加入css樣式的簡單介紹
- 04-02vue中的css樣式布局,vue添加css樣式
- 04-02內(nèi)嵌樣式css,內(nèi)嵌樣式表,內(nèi)部樣式表
隨機(jī)閱讀
- 08-05織夢dedecms首頁調(diào)用縮略圖為背景
- 01-10C++實(shí)現(xiàn)將數(shù)組中的值反轉(zhuǎn)
- 08-05dedecms織夢模板編輯文檔的同時(shí)自動(dòng)更
- 01-10vue實(shí)現(xiàn)分頁加載效果
- 08-05DEDECMS點(diǎn)擊主欄目默認(rèn)顯示第一個(gè)子欄
- 01-10C++ 類訪問控制的條件總結(jié)
- 08-05dedecms織夢模板全站調(diào)用收藏?cái)?shù)的方法
- 01-11常用的HTML富文本編譯器UEditor、CKEdi
- 01-10bat批處理徹底隱藏文件的方法(使用
- 01-10C語言打印楊輝三角示例匯總