検索
ホームページウェブフロントエンドCSSチュートリアルhtmlの基本的な使い方(HTMLタグの説明)_CSS/HTML

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 ページ内の特定のセクションまたは領域の外観表示の詳細を指定することです。
声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
カーソルの次のレベルCSSスタイリングカーソルの次のレベルCSSスタイリングApr 23, 2025 am 11:04 AM

CSSを備えたカスタムカーソルは素晴らしいですが、JavaScriptを使用して次のレベルに物事を引き出すことができます。 JavaScriptを使用して、カーソル状態間で移行し、カーソル内に動的テキストを配置し、複雑なアニメーションを適用し、フィルターを適用できます。

Worlds Collide:スタイルクエリを使用したキーフレーム衝突検出Worlds Collide:スタイルクエリを使用したキーフレーム衝突検出Apr 23, 2025 am 10:42 AM

2025年には、互いに互いに跳ね返る要素を伴うインタラクティブなCSSアニメーションは、CSSにPongを実装する必要はありませんが、CSSの柔軟性とパワーの増加はLee'の疑いを補強します。

UI効果にCSSバックドロップフィルターを使用しますUI効果にCSSバックドロップフィルターを使用しますApr 23, 2025 am 10:20 AM

CSSバックドロップフィルタープロパティを使用してユーザーインターフェイスをスタイルするためのヒントとコツ。バックドロップフィルターを複数の要素間でレイヤー化する方法を学び、それらを他のCSSグラフィカル効果と統合して、精巧なデザインを作成します。

微笑んでいますか?微笑んでいますか?Apr 23, 2025 am 09:57 AM

まあ、SVG'の組み込みのアニメーション機能は、計画どおりに非推奨されることはありませんでした。確かに、CSSとJavaScriptは負荷を運ぶことができる以上のものですが、以前のようにSmilが水中で死んでいないことを知っておくのは良いことです

「かわいい」は見る人の目にあります「かわいい」は見る人の目にありますApr 23, 2025 am 09:40 AM

イェーイ、テキストワラップのジャンプを見てみましょう:サファリテクノロジーのプレビューにかなり着陸してください!しかし、それがChromiumブラウザーでの仕組みとは異なることに注意してください。

CSS-Tricks XLIIIを記録しますCSS-Tricks XLIIIを記録しますApr 23, 2025 am 09:35 AM

このCSS-Tricksアップデートは、アルマナック、最近のポッドキャスト出演、新しいCSSカウンターガイド、および貴重なコンテンツを提供するいくつかの新しい著者の追加の大幅な進歩を強調しています。

Tailwind'の@Apply機能は、響きよりも優れていますTailwind'の@Apply機能は、響きよりも優れていますApr 23, 2025 am 09:23 AM

ほとんどの場合、人々はTailwind'の@Apply機能を紹介します。このように展示されたとき、@Applyはまったく有望な音をしません。だからobvio

私はリリースがないように感じます:正気な展開への旅私はリリースがないように感じます:正気な展開への旅Apr 23, 2025 am 09:19 AM

馬鹿のように展開することは、展開に使用するツールと複雑さの報酬と複雑さの減少との間の不一致になります。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい