HTML 言語分析: 植字マークアップ

Dec 15, 2016 pm 01:12 PM


; ; ;

: ▲トップ
多くのコンピュータ言語と同様、HTML ファイルにも注釈機能が用意されています。ブラウザは、このタグ内のテキスト (行数が多い場合もあります) を表示せずに無視します。 一般的な使用目的:
将来の変更を容易にするために、テキストのさまざまな部分に説明を追加します。
これは、より複雑な Web ページやプライベートではない Web ページの場合に特に重要です。自分自身に思い出させるだけでなく、この部分が何をするのか、その部分が何をするのかを同僚に思い出させることもできます。
例:

は著作権表記として使用されます。
他の人にウェブページを使用またはコピーされたくない場合は、警告文を追加できます。
例:

: ▲Top

。機能: 単語、絵、表などの間に空白行を残します。
本来

は段落の先頭と末尾にマークされる終了タグですが、HTML 2.0 以降では

で終了する必要はありません。

共通パラメータ: 例:


align="center"
オプションの値: right、left、center。
デフォルト値: align="left"
例: ソースコードここに段落のテキストがあります。長さ、単語間のスペースの数、またはリターンキーを押すタイミングは関係ありません。タグを別の段落で始める場合にのみ、新しい段落が作成されます。

次の段落です。
結果を表示します。 段落の長さやスペースの数は関係ありません。単語の間、またはリターンキーを押すと、別の段落で始まるときにのみ新しい段落が作成されます。


は改行マークと呼ばれます。機能: 単語、絵、表などを次の行に表示します。
ブラウザはソース コード内の空白や改行を自動的に無視するため、
は最もよく使用されるタグの 1 つになります。なぜなら、ソースコードでどんなに美しい記事をまとめたとしても、改行や段落記号を適切に追加しないと、ブラウザでは大きな 1 つの段落としてしか表示されないからです。
エラー例: (郵便局は 1 行を超える住所は受け付けません) ソースコード 566 E Boston Post RD
Mamaroneck NY 10543-9982
United States of America
結果 566 E Boston Post RD Mamaroneck NY 10543-9982 United States of America

正しい例: 元のコード 566 E Boston Post RD

Mamaroneck NY 10543-9982

United States of America
結果 566 E Boston Post RD
Mamaroneck NY 10543-9982
United States ofアメリカ


: ▲上

は水平線と呼ばれます。機能: 水平線を挿入します。

パラメータの変更:
:
を例に挙げます。
align="LEFT"
線の配置位置を設定します。左、中央、右の 3 つの設定から選択できます。
size="2"
線の太さをピクセル単位で設定します。デフォルトは 2 です。
width="70%"
線の長さを設定します。これは絶対値 (ピクセル単位) または相対値で指定できます。デフォルトは 100% です。
color="#0000FF" 『IEのみ適用』
線の色を設定します。デフォルトは黒です。 #0000FF は青を表します。色の名前、つまり text="blue" を使用することもできます。
noshade
線を削除すると影または立体的に表示されるように設定します。これがデフォルト値です。
例: ソースコード






結果を表示
----------------- ---------------------------------------------------- --------------- -----------------
-------------- ------------------ -------------------------------- --------
---- -------------------------------------- ------------- ------------------------
---------- ------------ -------------------------------------- ------------ -------

: ▲上部
をセンターマークといいます。機能: 中央に単語、写真、表などを表示します。
このタグは元々 Netscape によって定義され、その後他のブラウザでもサポートされましたが、実際には、多くのタグに align="CENTER" というパラメータが含まれており、依然として冗長であることがわかります。使用されているタグはシンプルで使いやすく、テキスト内でよく使用されます。 align="CENTER" パラメータを持つ タグの場合も、多くのブラウザでは追加する必要があります。
パラメータをサポートします。
例: ソース コード
Chris の最初のホームページ

新着情報

結果 Chris の最初のホームページ
新着情報
私のプロフィール

: ▲Top
 はデフォルトのフォーマットタグと呼ばれます。機能: ソースコードの配置に従ってファイルを表示します。 
このタグを使用すると、ソース コードに入力した空白と戻り値を保持できます。このマークアップの威力を理解するには、次の例を詳しく見てください。この効果は、一連の table タグを使用する代わりに、このタグを使用することによってのみ実現できます。
 タグを使用して効果を生成したり、複数行の空白を作成したりできると最適です。 
上記は HTML 言語解析とレイアウト マークアップの内容です。その他の関連記事については、PHP 中国語 Web サイト (www.php.cn) をご覧ください。


このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

< Progress>の目的は何ですか 要素? < Progress>の目的は何ですか 要素? Mar 21, 2025 pm 12:34 PM

この記事では、HTML< Progress>について説明します。要素、その目的、スタイリング、および< meter>との違い要素。主な焦点は、< Progress>を使用することです。タスクの完了と< Meter> statiの場合

< datalist>の目的は何ですか 要素? < datalist>の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

この記事では、HTML< Datalist>について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? Mar 17, 2025 pm 12:20 PM

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

< meter>の目的は何ですか 要素? < meter>の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

この記事では、html< meter>について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化< Meter> < Progress>およびex

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? Mar 17, 2025 pm 12:27 PM

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? Mar 20, 2025 pm 05:56 PM

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

< iframe>の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? < iframe>の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM

この記事では、< iframe>外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

Giteeページ静的なWebサイトの展開に失敗しました:単一のファイル404エラーをトラブルシューティングと解決する方法 Giteeページ静的なWebサイトの展開に失敗しました:単一のファイル404エラーをトラブルシューティングと解決する方法 Apr 04, 2025 pm 11:54 PM

GiteEpages静的Webサイトの展開が失敗しました:404エラーのトラブルシューティングと解像度Giteeを使用する

See all articles