HTML 初心者ガイド (2)

黄舟
リリース: 2016-12-23 14:41:15
オリジナル
1208 人が閲覧しました

教育ツール
ブラウザの現在のウィンドウに表示されている情報の元のファイルを表示するには、ブラウザのメニューで [ソースの表示] (または同等の) オプションを選択します。ファイルの内容とすべての HTML マークアップが表示されます。新しいウィンドウで

これは、HTML の使い方を学び、テクニックや構造を習得するのに最適な方法です。もちろん、HTML についてよく読んでいる場合、表示される HTML は必ずしも技術的に正しいとは限りません。参考資料として、「良い」HTML と「悪い」HTML を区別できるようになります

HTML エンコードされたソース ファイルを保存して、Web ページのテンプレートとして使用したり、他の目的に変更したりできることを覚えておいてください。

HTML タグ
HTML
この要素は、ファイルに HTML エンコーディング情報が含まれていることを示します。また、ファイル拡張子 .html は、ファイルが HTML ドキュメントであり、使用する必要があることを示します (システムが 8.3 ファイル名制限の対象である場合)。例.、LeeHome.htm)、拡張子として .htm を使用できます。)

HEAD
head 要素 head は、タイトルを含む HTML エンコードされたドキュメントの最初の部分です。タイトルはブラウザーの一部として含まれます。 window 表示されます (下記を参照)。 title 要素にはドキュメントのタイトルが含まれており、その内容を識別するためのグローバル コンテキストとして機能します。タイトルは通常、ブラウザ ウィンドウのどこか (通常は上部) に表示されます。タイトルは、テキストエリアよりもホットリストやブックマークリストの表示にも使用されるため、タイトルは、WAIS サービスでサーバーを検索するためにも使用され、わかりやすいものでなければなりません。たとえば、「NCSA Mosaic Guide (Windows): Installation」という短い本のタイトルを章に含めることができます。このタイトルは、ソフトウェアの名前、使用されるプラットフォーム、および章の内容を説明します。インストールと呼ばれるドキュメントを置くだけです。通常、タイトルは 64 文字以内にする必要があります。

BODY
HTML ドキュメントの 2 番目に大きい部分は本文であり、ドキュメントのコンテンツ (ブラウザのテキスト領域に表示される部分) が含まれます。 window) . 以下に紹介するタグは HTML ドキュメントの本文で使用されます。

見出し
HTML には 1 から 6 までの番号が付けられた 6 つのレベルの見出しフォントがあり、見出しフォントは 1 よりも大きくまたは太く表示されます。通常のテキスト フォント。文書内の最初の見出しフォントは

とマークされます。

見出しフォント要素の構文は次のとおりです。
見出しフォント テキスト y は数字です。 1 から 6 まで、見出しのフォント レベルを指定します。

たとえば、最初のレベルの見出し (

) から始めて 3 番目の見出しを続けないでください。 -レベルの見出し (

)。

段落
多くのデジタル プロセッサのドキュメントとは異なり、HTML ファイルの改行は重要ではありません (テキスト内の行の長さを気にする必要はありません)。ソース ファイル内で改行を使用できる場合、ブラウザでは複数の空白が 1 つの空白に重なって表示されます。

「最小限の HTML ドキュメント」で示されている例では、最初の段落のエンコードは

< です。 P>HTML の世界へようこそ
これは最初の段落です
まだ段落です!

Web ブラウザでは、これらの改行は無視されます。 ;p> タグ

の後にのみ、別の段落を開始します。

重要: ソース ファイル内のインデントまたは空白行は無視されます。

要素はありません。ドキュメントは 1 つの大きな段落として扱われます (1 つの例外は、後述する「整形済み」としてマークされたテキストです)。たとえば、次の出力は最初の HTML の例とまったく同じになります。 :

レベル 1 の見出し

HTML の世界へようこそこれは
の最初の段落です。

;これが 2 番目の段落です。



HTML ファイルの読みやすさを維持するには、タイトルのフォントを単独の行に配置し、新しいセクションを開始する前に 1 行または 2 行の空白行を追加し、段落を空白で区切る必要があります。 (

タグの使用に加えて) この余分な空白は、ファイルを編集するときに役立ちます (ただし、ブラウザにはソース ファイルの規則とは関係なく、空白に関する独自の規則があるため、この空白は無視されます)。

注: 終了タグ

は省略できます。これは、ブラウザが

を検出すると、前の段落がここで終了するとみなされるためです。 P> を段落マーカーとして使用すると、ソース ファイルの ALIGN=alignment 属性を使用して段落を中央に配置できます。

これは中央揃えの段落です [フォームの下の出力を参照]

;

これは中央の段落です。

上記は HTML 初心者ガイド (2) の内容です。さらに関連する内容については、PHP 中国語 Web サイト (m.sbmmt.com) に注目してください。


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