HTML: 標題
標題(Heading)是透過
提示:瀏覽器會自動地在標題的前後加上空行。 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>
描述 | |
left | 左對齊標題(預設值) |
right | 右對齊標題 |
justify | |
HTML: 水平線 |
hr 元素可用來分隔內容。
This is a paragraph
This is a paragraph
This is a paragraph
提示:使用水平線(align 屬性規定水平線的對齊方式。
注意:除非 width 屬性設定為小於 100%,否則 align 屬性不會有任何效果。
CSS 語法(IE 和Opera):
CSS 語法(Firefox、Chrome 和Safari):
CSS 語法語法(跨瀏覽器):
noshade屬性
描述css語法格式 | align | |
right | HTML5 不支援。 HTML 4.01 已廢棄。 規定 元素的對齊方式 | noshade |
HTML5 不支援。 HTML 4.01 已廢棄。 規定 元素的顏色呈現為純色。 | size | |
HTML5 不支援。 HTML 4.01 已廢棄。 規定 元素的高度。 | wid | |
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> 登入後複製 登入後複製 HTML: 注释 可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。 注释是这样写的: 注释:命令行最后的两个正斜杠(//)是 JavaScript 注释符号。这确保了 JavaScript 不会执行 --> 标签。 除了在源文档中有非常明显的作用外,许多 Web 服务器也利用注释来实现文档服务端软件特有的特性。这些服务器可以扫描文档,从传统的 HTML/XHTML 注释中找到特定的字符序列,然后再根据嵌在注释中的命令采取相应的动作。这些动作可能是简单的包括其他文件中的文本(即所谓的服务器端包含,server-inside include),也可能是复杂地执行其他命令去动态生成文档的内容。 以上就是HTML基础总结推荐(标题)的内容,更多相关内容请关注PHP中文网(www.php.cn)! 本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
PX自動轉換為REM錯誤
<style>html { 字體大小:calc(100vw / 3.75); }body { 字體大小:0.16rem; }</style><...
來自於 2024-04-16 09:34:16
0
0
4687
頁面突然無法拉動 css 或 bootstrap
所以我正在開發一個頁面,我昨天做了一部分,效果很好,今天我繼續做剩下的部分,一切都很好。當我嘗試將其作為普通html頁面打開時,CSS或BOOTSTRAP不起作用,僅顯示頁面文本,...
來自於 2024-04-06 21:58:04
0
1
800
解決CSS中頁面底部神秘空白的方法
我正在嘗試使用Bootstrap和D3建立一個簡單的網頁,但我不知道如何消除底部的所有空白。我想擺脫它。我嘗試將body和html的min-height設定為100%,但沒有任何作...
來自於 2024-04-06 20:22:15
0
1
454
如何在 livewire 惰性佔位符中使用 laravel 元件
我想在livewire3佔位符內添加我的laravel組件的骨架到目前為止我已經嘗試過:通過包含Laravel組件來實現Livewire類:publicfunctionplaceh...
來自於 2024-04-06 20:02:10
0
2
543
用 HTML 程式碼(從陣列產生)取代字串的頂級方法
給定一個像這樣的字串...$htmlPattern="Usernameis:#name#andusercompanyis#company#";如何將子字串#na...
來自於 2024-04-06 17:40:41
0
2
410
熱門教學
更多>
|