ホームページ  >  記事  >  ウェブフロントエンド  >  htmlの基本的な使い方(HTMLタグの説明)

htmlの基本的な使い方(HTMLタグの説明)

高洛峰
高洛峰オリジナル
2017-02-13 14:08:341453ブラウズ

最も基本的な HTML タグ: link、FRAMES、span、p、スタイル シート CSS は、HMTL コードを手書きする前に学習する必要があります。

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


1. 絶対に強力です。
ローカル画像への絶対リンク
②相対リンク
ローカル画像への相対リンク ③上位ディレクトリへのリンク
上位ディレクトリへのリンク

2. URLリンク
形式: プロトコル名: //ホスト.ドメイン名/Roadjin/ファイル名
プロトコルには以下が含まれます:
file ローカル システム ファイル
http WWW サーバー
ftp FTP サーバー
telnet TELNET ベースのプロトコル
mailto Email
news Usenet ニュース グループ GOPHER サーバー
wais WAIS サーバー
例: Baidu

3. ディレクトリ リンク
最初にリンクの場所として特定の段落を設定します。形式は次のとおりです:

このリンク部分でファイルを呼び出してリンクを定義します:
リンクテキスト
もちろんジャンプした場合ファイル内ではファイル名を省略できます。


2. マルチビューウィンドウ FRAMES

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


<br>

...


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


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


は外側になります。 100ピクセルのウィンドウを均等に配置
3. ウィンドウ間の相互運用
①フレームのsrc属性でリンク先の内容を指定、name属性でウィンドウの名前を指定、target属性でinを指定リンクされたファイルがどのウィンドウに表示されるか。その値は、name で定義された名前、または次の 4 種類の値です。
新しいウィンドウを表示します
同じウィンドウ内に表示
フレームセット内の前のファイルのウィンドウに表示
ブラウザウィンドウ全体に表示フレームの属性
#= はい、いいえ
frameborder は各ウィンドウの境界線の設定を指定します。yes は境界線があることを意味し、no は境界線がないことを意味します


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

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


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


3. スタイル シート

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


4. spam と p
< の使用。場合によっては、特定の単語や語句を別のフォントや背景に設定するなど、段落全体のテキストの一部にのみ適用する必要がある特殊なフォント属性も必要になります。ここで 要素を使用できます。例:

I likeProgramming

使い方
Web ページでは、セクションは複数の段落で構成されているのが一般的な形式ですが、デザインの場合は段落ごとに使用するだけでなく、ウェブページのスタイルセクションにも。このとき、

を使用できます。その主な目的は、Web ページ内の特定のセクションまたは領域の外観表示の詳細を指定することです。
HTMLの基本的な使い方(HTMLタグの説明)に関する記事はPHP中国語サイトに注目してください!