HTML 基本要約推奨事項 (タイトル)

HTML 基本要約推奨事項 (タイトル)

HTML: タイトル

見出しは <h1> - <h6> などのタグによって定義されます。

<h1> は最大の見出しを定義します。 <h6> は最小の見出しを定義します。
<h1>これは見出しです</h1>
<h2>これは見出しです</h2>
<h3>これは見出しです</h3>

ヒント: ブラウザはタイトルの前後に自動的に空白行を追加します。 h1 はメインの見出し (最も重要) として使用され、次に h2 (次に重要)、その後に h3 が続きます。ヒント: デフォルトでは、HTML は段落や見出しなどのブロックレベル要素の前後に余分な空白行を自動的に追加します。 <h1> - <h6> の align 属性は HTML4/5 では非推奨です。代わりに CSS を使用してください。タイトルはイベント属性とグローバル属性をサポートします

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

CSS 構文: <h1 style="text-align:right">

方法1:

XML/HTML コードコンテンツをクリップボードにコピー
  1. <!DOCTYPE html >   
  2. <html>   
  3. <本文>   
  4. < h1   style = "text-align:center" >これは見出し 1 です</ h1 >   
  5. < h2   style = "text-align:left" >これは見出し 2 です</ h2 >   
  6. < h3   style = "text-align:right" >これは見出し 3 です</ h3 >   
  7. < h4   style = "text-align:justify" >これは見出し 4 です</ h4 >   
  8. </本文>   
  9. </html>   

方法2:

XML/HTML コードコンテンツをクリップボードにコピー
  1. <!DOCTYPE html >   
  2. <html>   
  3. <ヘッド>   
  4. <スタイル>   
  5. h1 {テキスト配置:中央}
  6. h2 {テキスト配置:左}
  7. h3 {テキスト配置:右}
  8. </スタイル>   
  9. </ヘッド>   
  10.   
  11. <本文>   
  12. < h1 >これは見出し 1 です</ h1 >   
  13. < h2 >これは見出し 2 です</ h2 >   
  14. < h3 >これは見出し 3 です</ h3 >   
  15. </本文>   
  16. </html>   
屬性值 描述
left 左對齊標題(默認值)。
right 右對齊標題。
center 居中對齊標題。
justify 標題有合理的邊距。

HTML: 水平線

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

hr 要素を使用してコンテンツを区切ることができます。

<p>これは段落です</p>
<時間 />
<p>これは段落です</p>
<時間 />

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

<hr> 要素の align 属性は HTML 4.01 では非推奨です。

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

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

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 已廢棄。 規定 <hr> 元素的對齊方式
noshade noshade HTML5 不支持。HTML 4.01 已廢棄。 規定 <hr> 元素的顏色呈現為純色。
size pixels HTML5 不支持。HTML 4.01 已廢棄。 規定 <hr> 元素的高度。
width pixels
%
HTML5 不支持。HTML 4.01 已廢棄。 規定 <hr> 元素的寬度。
XML/HTML コードコンテンツをクリップボードにコピー
  1. <!DOCTYPE html >   
  2. <html>   
  3. <本文>   
  4. < p >これはテキストです。 これはテキストです。 これはテキストです。 </ p >   
  5. <時間 スタイル= "幅:50%;テキスト配置:左;マージン左:0" >   
  6. < p >これはテキストです。 これはテキストです。 これはテキストです。 </ p >   
  7. </本文>   
  8. </html>   

HTML: コメント

HTML コードにコメントを挿入すると、コードの読みやすさが向上し、コードを理解しやすくなります。ブラウザはコメントを無視し、表示しません。

コメントには次のように書かれています。

<!-- これはコメントです -->

注:コマンド ラインの末尾にある 2 つのスラッシュ (//) は、JavaScript のコメント記号です。これにより、JavaScript が --> タグ内で実行されなくなります。

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

上記のHTML基本要約推奨事項(タイトル)は、エディターがあなたと共有するすべてのコンテンツです。参考になれば幸いです。また、123WORDPRESS.COMを応援していただければ幸いです。

オリジナル URL: http://www.cnblogs.com/sxtywjx/p/5665044.html

<<:  Linux の netstat コマンドの詳細な紹介

>>:  JS を使用して HTML で回転するクリスマスツリーを実装する

推薦する

12個のJavascriptテーブルコントロール(DataGrid)が整理されています

DataGrid コントロールの DataSource プロパティがデザイン時に設定されている場合、...

MySQLインデックスが使用されない状況のまとめ

MySQL のインデックスの種類一般的に、次の 4 つのカテゴリに分類できます。通常のインデックス:...

MySQL のバックアップとリカバリの設計アイデア

背景まず、背景を説明します。ある制約により、当社の現在のバックアップ戦略では、1 日おきにフル バッ...

Linux コマンドを素早く習得する 4 つの方法

Linux マスターになりたいなら、いくつかの Linux コマンドを習得することが不可欠です。 L...

ECMAScript6 におけるマップマッピングの基本概念と一般的な方法

目次マッピングとは何かオブジェクトとマップの違いマップの共通メソッド宣言と初期化割り当てセットキー値...

入力が完了したことを検出し、次のコンテンツを自動的に入力する HTML を実装する方法

前回の記事では、入力完了の簡単な検出を実現しましたが、今回はさらに一歩進んで、入力が完了した後に次の...

Vue は小数点付きの星評価を実装します

この記事では、小数点付きの星評価を実装するためのVueの具体的なコードを参考までに共有します。具体的...

HTMLとは何ですか?

HTML 開発の歴史: HTML は英語で Hypertext Marked Language の...

CentOS での Django プロジェクトのデプロイに関する詳細なチュートリアル

基本環境パゴダ設置サービスパゴダにインストールされた[Pythonプロジェクトマネージャー]パゴダに...

CSSは、他のレイヤーを変更せずに、多層ネスト構造の最外層を回転させる効果を実現します。

次のようなシナリオがあります。円形のコンテナで、最も外側のコンテナの背景が円弧になっています。内側の...

CSSのclip-pathプロパティを使用して不規則なグラフィックを表示する

clip-path CSS プロパティはクリッピングを使用して要素の表示可能領域を作成します。領域内...

docker を使用してシンプルな C/C++ プログラムをデプロイする方法

1. まずhello-world.cppファイルを作成しますプログラムコードは次のとおりです。 #i...

MySQL テーブルとデータベース シャーディングのアプリケーション シナリオと設計方法

多くの友人がフォーラムやメッセージエリアで、どのような状況で MySQL をシャーディングする必要が...

MySQL ステートメントの配置と概要の紹介

SQL (Structured Query Language) ステートメント、つまり構造化クエリ言...