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 で回転するクリスマスツリーを実装する

推薦する

MySQL でデータベースを作成した後、ユーザー 'root'@'%' によるデータベース 'xxx' へのアクセスが拒否される問題を解決する

序文最近、仕事で問題が発生しました。データベースを作成した後、データベースに接続するときにエラーが発...

Idea の起動速度を改善し、Tomcat ログの文字化けを解決する方法

目次序文アイデアの起動速度Tomcat ログが文字化けしている序文Idea を再インストールしたので...

さまざまなマウスの形状を表現する方法

<a href = "http://" style = "cur...

HTML thead タグの定義と使用法の詳細な紹介

コードをコピーコードは次のとおりです。 <thead> <!– 最初の 2 行をヘ...

HTML 名 ID とクラスの違い_PowerNode Java アカデミー

名前タグの名前を指定します。形式 <input type="text" n...

ブラウザタブの左端に表示されるウェブサイトのアイコンを設定します

この文の目的は何ですか?コードをコピーコードは次のとおりです。 <link rel="...

Windows 8 での MySQL 5.6.15 のインストールと設定方法のグラフィック チュートリアル

MySQLは私がとても気に入っているデータベースです。今日はWindows 8システムでインストール...

Chromeの最小フォントサイズ制限12pxに対する最終的な解決策

ウェブサイトを作成するユーザーの多くが、このような問題に遭遇すると思います。Chrome のデフォル...

Vueは画像切り替え効果を実現

この記事の例では、画像切り替え効果を実現するためのVueの具体的なコードを参考までに共有しています。...

MySQLカーソルの使い方と機能の詳細な説明

[mysqlカーソルの使い方と機能]例:現在、テーブル A、B、C の 3 つのテーブルがあります。...

Ubuntu16.04にCUDA9.0をインストールするための詳細なチュートリアル

序文:この記事は、CUDA 9.0 をインストールした経験に基づいています。CUDA 9.0 は現在...

MySQLの共通関数を使用してJSONを処理する方法

公式ドキュメント: JSON 関数名前説明JSON_APPEND() JSONドキュメントにデータを...

CSSでnグリッドレイアウトを実装する方法

一般的なアプリケーションシナリオ現在のアプリのインターフェースは基本的に同じであり、グリッドレイアウ...

IE6 での PNG アルファ透明度 (完全コレクション)

IE6 は PNG の透明度をサポートしていないと多くの人が言っています。実際、IE は 100%...