<a href =リソースアドレス>リンクテキスト</a>
1。ローカルリンク
absolute Road Force:
<a href = c:/images/article.jpg>ローカル写真への絶対的な道路力リンク</a>
relicative Lu Jin
<a href = article2.jpg>地元の写真への相対lujinリンク</a>
前のディレクトリにリンクします
<a href = ../test.htm>以前のディレクトリへのリンク</a>
2。URLリンク
フォーム:プロトコル名://host.domain name/lujin/file name
契約には以下が含まれます。
ファイルローカルシステムファイル
HTTP WWWサーバー
FTP FTPサーバー
Telnetベースのプロトコル
メールのメール
News Usenet News Group
Gopher Gopherサーバー
wais waisサーバー
例:<a href = http://www.baidu.com> baidu </a>
3。ディレクトリリンク
最初にリンク位置に段落を設定します。形式は次のとおりです。
<a name = link location name> </a>
次に、このリンクパーツのファイルを呼び出して、リンクを定義します。
<a href = file name#link location name> link text </a>
もちろん、ファイルにジャンプすると、ファイル名が省略されて書かれていません。
2。マルチビューウィンドウフレームフレーム構造で設計されたHTMLファイルは、ウィンドウ全体をいくつかの独立した小さなウィンドウに分割できます。各小さなウィンドウは、異なるファイルをロードして互いに通信できます。
1。基本構造:
<html>
<head>
<title> </title>
</head>
<フレームセット>
<フレームsrc = url>
<フレームsrc = url>
...
</frameset>
</html>
2。各ウィンドウのサイズ設定
ウィンドウをいくつかのピースに分割し、行属性を水平方向に使用し、cols属性を垂直に使用します。各ピースのサイズは、これら2つのプロパティの値によって実現できます。
<フレームセットcols =#>
<フレームセット行=#>
#の値は、引用符で囲まれた一対の文字列です。文字列の数字は、中央のコンマで区切られた各ウィンドウで占められているサイズを表します。その中の数値は *に置き換えることもできます。これは、サイズがブラウザによって自動的に割り当てられていることを示します。のように
<フレームセットcols = 100,200,300>
<フレームセット行= 10%、20%、70%>
<フレームセットcols = 100、*、*> 100ピクセル以外のウィンドウを均等に配布します
3。ウィンドウ間の相互運用性
frameフレームのSRC属性は、リンクするコンテンツを指定するために使用され、名前属性はウィンドウの名前を指定し、ターゲット属性はリンクされたファイルが表示されるウィンドウを指定します。その値は、名前で定義される名前であるか、次の4つのタイプの値にすることができます。
<a href = urlターゲット= _blank>新しいウィンドウが表示されます
<a href = url target = _ self>同じウィンドウに表示されます
<a href = urlターゲット= _Parent>ウィンドウは、フレームセットの前のファイルを表示します
<a href = urlターゲット= _top>ブラウザウィンドウ全体に表示されます
frameフレームの他のプロパティ
<フレームフレームボーダー=#>#=はい、いいえ
フレームボーダーは各ウィンドウの境界の設定を指定します:はい、境界線があることを意味し、境界線がないという意味ではありません
<frame marginwidth =#marveheight =#>
#の値はピクセルポイントです。このプロパティは、ウィンドウの上部、下、左、右の境界の幅を設定するために使用されます。設定されていない場合、ブラウザによって自動的に決定されます。
<フレームスクロール=#>#=はい、いいえ、自動
Scrollbarの設定、はいはYesを意味しますが、Autoはブラウザによって自動的に設定され、デフォルト値はAutoです。
<frame noresize = noresize>
Noresizeプロパティは、ユーザーがフレームを変更できないことを指定します。デフォルトでは、フレームの間に壁をドラッグすることでフレームのサイズを変更でき、フレームのサイズをロックできます。
3。スタイルシート1.スタイルシートの最も重要な機能は、すべてのWebページのスタイルを一貫性に保つ方法を提供することです。
スタイルシートの3つのレベルは、より低いレベルからより高いレベルまでの順番です。
①...built-in(inline)スタイルシート:単一の要素のコンテンツに適しています
②。ドキュメントレベルスタイルシート:ドキュメント全体の本体に適しています
③。外部スタイルシート:複数のドキュメントの本体に適用できます
使用すると、競合がある場合、低レベルのスタイルシートが使用を優先します。
2。CSSを使用する場合の注意:
corte一部のブラウザは、特定の属性値をサポートしない場合があります。この時点で、ブラウザはこれらの属性値を無視するか、オプションの値に置き換えます。
buildingビルトインスタイルは、実際にスタイルシートの元の設計意図に反する単一の要素にのみ適応するため、注意して使用する必要があります。
documentドキュメントレイヤースタイルの説明は、ドキュメントのヘッダーに表示され、ドキュメントのボディ全体に適しています。したがって、これが、Webサイト構造の全体的なスタイルが一貫している方法です。
external外部スタイルシートは、それを使用するドキュメントの一部ではありません。外部スタイルシートは個別に保存する必要があり、使用するときは説明する必要があります。外部スタイルのシートは、MIMEタイプテキスト/CSSを使用してテキストファイルに書き込むことができます。テキスト/CSSは、インターネット上の任意のコンピューターに保存でき、ブラウザはドキュメントのように外部スタイルのシートを取得します。 Webページのヘッドにある<link>要素を使用して、外部スタイルシートを指定することもできます。 <link>では、rel属性を使用して、リンクされたドキュメントと変更されたリンクを含むドキュメントとの関係を指定し、HREF属性を使用して、スタイルシートドキュメントのURLアドレスを指定します。のように
<link rel = styleSheet type = text/css href = themes/autotheme/style.css> </link>
4。スパンとdiv<span>の使用
場合によっては、特定の特別なフォントプロパティが、別のフォントや背景などに単語やフレーズを設定するなど、段落全体のテキストの一部にのみ適用する必要があります。これにより、次のような<Span>要素を使用できます。
<p>私は本当に好きです<span style = font-size:24pt; font-family:bold; color:red>プログラミング</span>、これは非常に楽しいことです。 </p>
<div>の使用
Webページでは、セクションは非常に一般的な形式であり、各セクションはいくつかの段落で構成されています。設計中の場合、各段落だけでなく、Webページのセクションもスタイルを整えることができることが期待されています。この時点では、主にWebページのセクションまたはエリアの外観の詳細を指定するために使用される<div>を使用できます。