HTMLの基本的な使い方としては、リンク、スタイルシート、span、divなど_HTML/Xhtml_Webページ制作

1. リンク
HTML のハイパーテキスト リンクは非常に重要です。基本的な形式は次のとおりです。

1.リンク①絶対的な道路強度:

絶対的な道路強度はローカル画像にリンクします

②相対的な道路強度相対的な道路強度はローカル画像にリンクします

③上位ディレクトリへのリンク
上位ディレクトリへのリンク

2. URL リンク 形式: プロトコル名: //ホスト.ドメイン名/roadjin /filename
プロトコルには次のものが含まれます:
ファイル ローカル システム ファイル
http WWW サーバー
ftp ftp サーバー
telnet TELNET ベースのプロトコル
mailto email
news Usenet ニュース グループ
gopher GOPHER サーバー
wais WAIS サーバー

例:
Baidu

3. ディレクトリリンク まず、リンクの位置、形式として特定の段落を設定します。対象:



次に、このリンク部分でファイルを呼び出し、リンクを定義します: リンクテキスト

もちろん、ファイル内でジャンプする場合は、 、ファイル名は省略でき、書かなくても大丈夫です。
2. マルチビュー ウィンドウ FRAMES

FRAMES 構造を使用して設計された HTML ファイルは、ウィンドウ全体をいくつかの独立した小さなウィンドウに分割でき、それぞれの小さなウィンドウで異なるファイルを読み込んで通信できます。お互いに。 1. 基本構造:






...


2. 各ウィンドウのサイズ設定
水平方向の分割に ROWS 属性を使用して、ウィンドウをいくつかの部分に分割します。垂直分割 COLS 属性を使用すると、各ブロックのサイズをこれら 2 つの属性の値によって実装できます。


# の値は、引用符で囲まれた文字列のペアであり、文字列内の数値はカンマで区切られて各ウィンドウのサイズを表します。数値は次のように指定することもできます。サイズがブラウザによって自動的に割り当てられることを示す「*」に置き換えられます。例:



100 ピクセルを超えてウィンドウを均等に配置 3. ウィンドウ間の相互作用
①フレームの src 属性を使用して、リンクコンテンツ、name 属性はウィンドウの名前を指定し、target 属性はリンクされたファイルがどのウィンドウに表示されるかを指定するために使用されます。その値は、name で定義された名前、または次の 4 種類の値です。
新しいウィンドウを表示
同じウィンドウに表示

フレームセットの前のファイルのウィンドウに表示
ブラウザウィンドウ全体に表示 ②frame のその他のプロパティ
#=yes,no
frameborder は各ウィンドウの境界線の設定を指定します。yes は境界線があることを意味し、no は境界線がないことを意味します

# の値はピクセル ポイントです。プロパティはウィンドウの上下左右の境界線の幅を設定するために使用されます。設定されていない場合は、ブラウザーが自動的に決定します。


#=yes,no,auto スクロール バーの設定。yes は「はい」を意味し、no は「いいえ」を意味します。auto はブラウザによって自動的に設定されることを意味し、デフォルト値は auto です。


noresize 属性は、ユーザーがフレームのサイズを変更できないことを指定します。デフォルトでは、フレーム間の「壁」をドラッグすることでフレームのサイズを変更でき、このプロパティはフレームのサイズをロックします。


3. スタイル シート
1. スタイル シートの最も重要な役割は、すべての Web ページのスタイルを一貫性を保つ方法を提供することです。
スタイル シートの 3 つのレベルは、低レベルから高レベルの順に次のとおりです。
① 組み込み (インライン) スタイル シート: 単一要素のコンテンツに適用されます ②。 (文書レベル) スタイルシート : 文書全体の本文に適用可能 ③. 外部 (外部) スタイルシート : 複数の文書の本文に適用可能
使用すると、競合が発生した場合、低レベルのスタイルシートが優先して使用されます。
2. CSS を使用する際の注意点:
① 一部のブラウザーは、特定の属性値をサポートしていない場合があります。この場合、ブラウザーはこれらの属性値を無視するか、オプションの値に置き換えます。
②組み込みスタイルは単一の要素にのみ適用され、実際にはスタイルシートの本来の設計意図に違反するため、注意して使用する必要があります。
③文書レベルのスタイルの説明は文書のヘッダーに表示され、文書の本文全体に適用されます。したがって、これが Web サイト構築の全体的なスタイルの一貫性を保つ方法です。
④外部スタイルシートは、それが使用される文書の一部ではないため、別途保存する必要があり、使用する際には説明が必要です。外部スタイル シートは、MIME タイプ text/css を使用して一部のテキスト ファイルに書き込むことができ、ブラウザはドキュメントを取得するのと同じように外部スタイル シートを取得します。 Web ページの先頭にある 要素は、外部スタイル シートを指定するためにも使用できます。 では、rel 属性を使用して、リンクされたドキュメントとリンクを含むドキュメント間の関係を指定します。 href 属性はスタイルシートの URL アドレスを指定するために使用されます。例:


4.span と div の使用

場合によっては、いくつかの特殊なフォント属性が必要になります。特定の単語や語句を別のフォントや背景に設定するなど、段落全体のテキストの一部にのみ適用されます。これは、 要素を使用して行われます。例:

私は プログラミング がとても好きです。それはとても楽しいことです。

の使用法 Web ページでは、各セクションは複数の段落で構成されていることがよくあります。デザインでは、各段落だけを使用することはできません。 Web ページ内のセクションのスタイル設定。このとき、

を使用できます。その主な目的は、Web ページ内の特定のセクションまたは領域の外観表示の詳細を指定することです。