コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > CSSチュートリアル > htmlの基本的な使い方（HTMLタグの説明）_CSS/HTML

htmlの基本的な使い方（HTMLタグの説明）_CSS/HTML

WBOY
リリース： 2016-05-16 12:03:59
オリジナル
2238 人が閲覧しました

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

1. ローカルリンク
①絶対ロードパワー:
絶対ロードパワーはローカル画像にリンク
②相対ロードパワー
ローカル画像への相対道路リンク
③上位ディレクトリへのリンク
上位ディレクトリへのリンク

2. URL リンク
形式: プロトコル名://ホスト.ドメイン名/roadjin/ファイル名
プロトコルに含まれるもの:
ファイル ローカル システム ファイル
http WWW サーバー
ftp ftp サーバー
telnet TELNET に基づくプロトコル
mailto 電子メール
ニュース Usenet ニュース グループ
gopher GOPHER サーバー
wais WAIS サーバー
例: Baidu A>

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

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

2. マルチビュー ウィンドウのフレーム
FRAMES 構造を使用して設計された HTML ファイルは、ウィンドウ全体をいくつかの独立した小さなウィンドウに分割でき、各小さなウィンドウを別々にロードできます。ファイルを作成し、相互に通信できます。
1. 基本構造:






...


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


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


は、次のウィンドウを均等に分配します。 100ピクセル
3.ウィンドウ間のやりとり
①frameのsrc属性でリンク先の内容を指定、name属性でウィンドウの名前を指定、target属性でどのウィンドウにリンクするかを指定するファイルに表示されます。値には、name で定義された名前、または次の 4 種類の値を指定できます。
新しいウィンドウを表示します
 同じウィンドウに表示window
 フレームセットの前ファイルのウィンドウに表示
 ブラウザウィンドウ全体に表示
②フレームのその他の属性
#=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. spain と div
 の使用
場合によっては、特定の単語や語句を別のフォントや背景に設定するなど、段落全体のテキストの一部にのみ特殊なフォント属性を適用する必要があります。ここで、次のような 要素を使用できます。

Programming がとても気に入っています。これはとても楽しいことです。 。



の使用法
Web ページでは、セクションは非常に一般的な形式です。各セクションは複数の段落で構成されています。デザインの場合、各段落だけを使用できるわけではないことが望まれます。ただし、Web ページをスタイルに合わせてセクション化することはできます。このとき、
を使用できますが、その主な目的は、Web ページ内の特定のセクションまたは領域の外観表示の詳細を指定することです。
関連ラベル：
htmlタグ
ソース：php.cn
前の記事：複数のブラウザーは、CSS コンテナーのコンテンツの超過 (オーバーフロー) と自動行折り返しのサポートをサポートします_エクスペリエンス交換 次の記事：JavaScript_Experience交換を必要としない自動スクロール視差効果
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
SQL Count() にも 0 が必要です テーブルが 1 つだけあり、0 で始まるタグの各エントリをカウントしたいと考えています。今度はこれを試します: SELECT tag,COUNT(start)ASAnzahl,us...
から 2024-04-06 19:48:53
0
1
449
CSS スタイルがサイトに適用されない Bootstrap5を使用してWebサイトを作成していますが、index.cssプロパティがindex.htmlに適用されません。サービス カードの上にマウスを移動すると、背景が変...
から 2024-04-06 17:12:23
0
1
336
hr タグが単色白に設定されているのに半透明になるのはなぜですか? HTML（ブートストラップ付き）とCSSがあり、HTMLにはクラスを持つ<hr>タグがあり、CSSにはその境界線スタイルがあります。半透明で白い色は見えますが、「固体」...
から 2024-04-06 16:13:26
0
1
500
ベンダー固有の疑似要素上の JavaScript ホバー イベント 次の htmlinput タグがあります。 $("input[type='range']::-webkit-slider-thumb").on('hover',...
から 2024-04-06 15:35:24
0
1
274
ページのメインディスプレイに画像を表示するにはどうすればよいですか? 私がやりたいのは、NASAAPI を使用して写真を受信することです。これらの写真は、マイページのサムネイルとメインディスプレイに表示されます。コードがサムネイルから画像を取得してペ...
から 2024-04-06 15:33:12
0
1
433
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート