首頁 >web前端 >html教學 >HTML基礎總結推薦(標題)

HTML基礎總結推薦(標題)

黄舟
黄舟原創
2016-12-21 16:14:451160瀏覽

HTML: 標題

標題(Heading)是透過

-

等標籤進行定義的。

定義最大的標題。

定義最小的標題。

This is a heading


This is a heading


This is a heading

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

-

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

設定標題對齊方式:

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>
方法1:
<!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>
方法2:居中。 標題有合理的邊距。 HTML: 水平線
標籤在 HTML 頁面中建立水平線。
描述
left 左對齊標題(預設值)
right 右對齊標題
justify

hr 元素可用來分隔內容。

This is a paragraph


This is a paragraph



This is a paragraph

提示:使用水平線(
標籤) 來分隔文章中的小節是一個辦法(但不是唯一的辦法)。 HTML5 不支援
align 屬性。請使用 CSS 代替。

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

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

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

CSS 語法(IE 和Opera):


CSS 語法(Firefox、Chrome 和Safari):


CSS 語法語法(跨瀏覽器):


noshade屬性

值leftcenternoshadepixelspixels%HTML5 不支援。 HTML 4.01 已廢棄。 規定
元素的寬度。
描述css語法格式  align
right HTML5 不支援。 HTML 4.01 已廢棄。 規定
元素的對齊方式

noshade
HTML5 不支援。 HTML 4.01 已廢棄。 規定
元素的顏色呈現為純色。
size
HTML5 不支援。 HTML 4.01 已廢棄。 規定
元素的高度。
wid

<!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 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。

注释是这样写的:

cf2a8215cfeca7c74714a9990fb8e262

注释:命令行最后的两个正斜杠(//)是 JavaScript 注释符号。这确保了 JavaScript 不会执行 --> 标签。

除了在源文档中有非常明显的作用外,许多 Web 服务器也利用注释来实现文档服务端软件特有的特性。这些服务器可以扫描文档,从传统的 HTML/XHTML 注释中找到特定的字符序列,然后再根据嵌在注释中的命令采取相应的动作。这些动作可能是简单的包括其他文件中的文本(即所谓的服务器端包含,server-inside include),也可能是复杂地执行其他命令去动态生成文档的内容。

 以上就是HTML基础总结推荐(标题)的内容,更多相关内容请关注PHP中文网(www.php.cn)! 


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn