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

推薦する

JS WebSocket 切断理由とハートビートの仕組みの詳しい説明

1. 切断理由WebSocket が切断される理由は多数あります。WebSocket が切断されたと...

Vueはカウントダウン機能を実装する

この記事の例では、カウントダウン機能を実装するためのVueの具体的なコードを参考までに共有しています...

WeChatアプレットに2048ミニゲームを実装する詳細なプロセス

レンダリング サンプルコード今日は、WeChat アプレットを使用して 2048 ゲームを実装します...

MySQL ビューの原則と使用例の概要

この記事では、MySQL ビューの原理と使用法についてまとめます。ご参考までに、詳細は以下の通りです...

MySQL が UNION を使用して 2 つのクエリを接続できない理由の詳細な説明

概要連合接続データセットキーワードは、2つのクエリ結果セットを1つに連結し、同一のレコードを除外する...

Javascriptの基本を詳しく説明

目次変数データ型拡張ポイント要約する変数基本的な構文 var age=10; //ageという変数を...

Vueは透かし効果を簡単に実現します

序文: Vueプロジェクトで透かし効果を使用するには、コンテナを指定できます効果画像: 1. コンテ...

Docker を使って LEMP 環境を素早く構築する方法の例

LEMP(Linux + Nginx + MySQL + PHP)は、基本的に今日のWeb開発者にと...

JSは検証コードのランダム生成を実装します

この記事の例では、検証コードのランダム生成を実現するためのJSの具体的なコードを参考までに共有してい...

Windows で MySQL インストーラーを使用して MySQL サービスをインストールするチュートリアル図

MYSQL は、MYSQL サービスやその他のコンポーネントをインストールするためのインストーラ方式...

Html/Css (初心者が最初に読むべきガイド)

1. Web標準の意味を理解する - なぜWeb標準を採用するのか***** コンテンツとスタイル...

スクロールバーがスペースを占有することで発生するバグを修正しました

背景このバグは滾動條占據空間ことで発生していました。いくつかの情報を確認して、ようやく解決しました。...

Tencent Cloud Serverをゼロから導入する方法

初めての投稿ですので、間違いや問題点などありましたら、コメント欄で指摘していただければ、今後改善させ...

JavaScript ファクトリーパターンの説明

目次シンプルファクトリーファクトリーメソッド安全な工場方法アブストラクトファクトリー要約するシンプル...

Springboot および Vue プロジェクトの Docker デプロイメントの実装手順

目次A. SpringbootプロジェクトのDockerデプロイメント1. Springbootプロ...