HTML: タイトル
見出しは、
ヒント: ブラウザは自動的に空白行を追加します前後。 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 | 右揃えのタイトル |
center | 中央揃えのタイトル。 |
justify | タイトルには適度な余白があります。 |
HTML: 水平線
hr 要素はコンテンツを分離するために使用できます。
これは段落です
これは段落です
これは段落
ヒント: 水平線 (HTML 4.01 では、
align 属性は、水平線の配置を指定します。
注: width 属性が 100% 未満に設定されていない限り、align 属性は効果がありません。
CSS 構文 (IE および Opera):
CSS 構文 (Firefox、Chrome、Safari):
CSS 構文 (クロスブラウザー):
noshade 属性 | value | 説明 CSS 構文形式 |
align | left center right | HTML5はサポートされていません。 HTML 4.01 は非推奨になりました。 要素の配置を指定します |
noshade | noshade | HTML5 はサポートしていません。 HTML 4.01 は非推奨になりました。 要素の色を単色でレンダリングすることを指定します。 |
サイズ | ピクセル | HTML5はサポートされていません。 HTML 4.01 は非推奨になりました。 要素の高さを指定します。 |
wid | pixels % | 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)!