ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML タイトルの概要に関する推奨事項

HTML タイトルの概要に関する推奨事項

php中世界最好的语言
リリース: 2018-01-22 10:44:56
オリジナル
1532 人が閲覧しました

今回はHTMLタイトルの注意事項について、実際の事例を交えてご紹介します。

HTML: Title

Heading (見出し) は、

-

などのタグによって定義されます。

<h1> 定义最大的标题。<h6> 定义最小的标题。
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
ログイン後にコピー

ヒント: ブラウザはタイトルの前後に空白行を自動的に追加します。 h1 が主見出し (最も重要) として機能し、次に h2 (次に重要)、h3 が続きます。ヒント: デフォルトでは、HTML は段落や見出し要素などのブロックレベル要素の前後に余分な空白行を自動的に追加します。

-

align 属性は HTML4/5 では廃止されました。代わりに CSS を使用してください。タイトルはイベント属性とグローバル属性をサポートしています

タイトルの配置を設定します:

CSS 構文:

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>
ログイン後にコピー

HTML: 水平線


タグは HTML ページに水平線を作成します。

hr 要素はコンテンツを分離するために使用できます。

<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
ログイン後にコピー

これは段落です

ヒント: 水平線 (
タグ) を使用して記事内のセクションを区切るのは 1 つの方法です (ただし、唯一の方法ではありません)。 HTML5 は
align 属性をサポートしていません。代わりに CSS を使用してください。

HTML 4.01 では、


の align 属性は非推奨になりました。

align 属性は、水平線の配置を指定します。

注: width 属性が 100% 未満に設定されていない限り、align 属性は効果がありません。

CSS 構文 (IE および Opera):


CSS 構文 (Firefox、Chrome、および Safari):


margin-right:0 " >

CSS 構文 (クロスブラウザ):


属性値の説明css 構文形式

左揃え
中央
右揃え HTML5 はサポートされていません。 HTML 4.01 は非推奨になりました。


要素の配置を指定します

noshade noshade は HTML5 ではサポートされていません。 HTML 4.01 は非推奨になりました。


要素の色を単色でレンダリングすることを指定します。

サイズ ピクセル HTML5 はサポートされていません。 HTML 4.01 は非推奨になりました。


要素の高さを指定します。

幅ピクセル
% 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 コードにコメントを挿入すると、読みやすさが向上し、コードが理解しやすくなります。ブラウザはコメントを無視し、表示しません。

コメントは次のように書かれます:

コメント: コマンドラインの最後の 2 つのスラッシュ (//) は JavaScript コメント記号です。これにより、JavaScript が --> タグを実行しなくなります。

ソース ドキュメントにおける非常に明白な役割に加えて、多くの Web サーバーは、ドキュメント サーバー ソフトウェアに固有の機能を実装するために注釈も使用します。これらのサーバーはドキュメントをスキャンして、従来の HTML/XHTML コメント内の特定の文字シーケンスを見つけ、コメントに埋め込まれたコマンドに基づいて適切なアクションを実行できます。これらのアクションは、他のファイルからテキストをインクルードする (いわゆるサーバー内部インクルード) という単純な場合もあれば、ドキュメントのコンテンツを動的に生成するために他のコマンドを実行するような複雑な場合もあります。

これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

関連書籍:

HTML テキストの書式設定の詳細な例

HTML のリスト タグとは何ですか?

HTML編集の基本(初心者必読)

以上がHTML タイトルの概要に関する推奨事項の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート