HTML の基本的な使用法には、リンク、スタイルシート、span、div などが含まれます。

HTML の基本的な使用法には、リンク、スタイルシート、span、div などが含まれます。
1. リンク
ハイパーテキスト リンクは HTML において非常に重要です。基本的な形式は次のとおりです。

<A HREF="リソース アドレス">リンク テキスト</A>

1. ローカルリンク ① 絶対パス:
<A HREF="C:\images\article.jpg">ローカル画像への絶対パスリンク</A>
②相対的な道路強度
<A HREF ="article2.jpg"> ローカル画像への相対パスリンク</A>
③前のディレクトリへのリンク

<A HREF="../test.htm">前のディレクトリへのリンク</A>

2. URL リンク形式: プロトコル名://ホスト.ドメイン名/パス/ファイル名 プロトコルには以下が含まれます。
ファイル ローカルシステムファイル
http www サーバー
ftp ftpサーバー
telnetはTELNETプロトコルに基づいています
mailto メール
ニュース Usenet ニュースグループ
ゴーファー GOPHER サーバー
wais WAIS サーバー

例: <A HREF="http://www.baidu.com"> Baidu 検索</A>

3. ディレクトリリンク まず、リンクの場所として段落を設定します。形式は次のとおりです。
<A NAME="リンク先の名前"></A>
次に、このリンク部分のファイルを呼び出してリンクを定義します。
<A HREF="ファイル名#リンク先名">リンクテキスト</A>
もちろん、ファイル内でジャンプする場合はファイル名を省略できます。

2. マルチウィンドウフレーム
FRAMES 構造を使用して設計された HTML ファイルは、ウィンドウ全体をいくつかの独立した小さなウィンドウに分割できます。各小さなウィンドウは、異なるファイルを個別に読み込み、互いに通信できます。
1. 基本構造:
<HTML>
<ヘッド>
<タイトル></タイトル>
</HEAD>
<フレームセット>
<フレームSRC="url">
<フレームSRC="url">
...
</フレームセット>
</HTML>
2. 各ウィンドウのサイズ設定 ウィンドウをROWS属性を水平方向に、COLS属性を垂直方向に使用して、いくつかの部分に分割します。 各部分のサイズは、この2つの属性の値によって実現できます。
<フレームセット列数=#>
<フレームセット行数=#>
# の値は、引用符で囲まれた文字列のペアです。文字列内の数字は、コンマで区切られた各ウィンドウのサイズを表します。数字は「*」に置き換えることもできます。これは、ブラウザが自動的にサイズを割り当てることを示します。のように
<フレームセット列="100,200,300">
<フレームセット行数="10%,20%,70%">
<frameset cols="100,*,*"> ウィンドウを100ピクセル外側に均等に分散します
3. ウィンドウ間の連携 ①frameのsrc属性はリンク先のコンテンツを指定するために使用され、name属性はウィンドウの名前を指定するために使用され、target属性はリンクされたファイルがどのウィンドウに表示されるかを指定するために使用されます。その値はnameで定義された名前、または次の4つの値のいずれかになります。
<a href=url target=_blank> は新しいウィンドウを表示します
<a href=url target=_self> 同じウィンドウに表示
<a href=url target=_parent> フレームセット内の前のドキュメントのウィンドウを表示します
<a href=url target=_top> ブラウザウィンドウ全体に表示される②フレームのその他の属性
<frame frameborder=#> #=はい、いいえ
frameborderは各ウィンドウの境界の設定を指定します。yesは境界があることを意味し、noは境界がないことを意味します。

<フレームの余白幅=# 余白の高さ=#>
# の値はピクセル単位です。この属性は、ウィンドウの上、下、左、右の境界の幅を設定するために使用されます。設定されていない場合は、ブラウザによって自動的に決定されます。

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

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

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

4. span と div
場合によっては、<span> では、単語やフレーズを別のフォントや背景に設定するなど、段落全体のテキストの一部にのみ特定の特殊なフォント プロパティを適用する必要があります。ここで <span> 要素を使用できます。例:
<p>私は本当に<span style="font-size:24pt;font-family:黑体;color:red">プログラミング</span>が好きです。とても楽しいことです。 </p>

<div> の使用は、Web ページでは非常に一般的です。セクションは複数の段落で構成されます。デザイン時に、各段落だけでなく、Web ページのセクションにもスタイルを設定する必要があります。このとき、<div> を使用できます。その主な目的は、Web ページ内のセクションまたは領域の外観表示の詳細を指定することです。

<<:  MySQL8.0.18 複数マスターと 1 スレーブの構成

>>:  CSS オーバーフローラップの新しいプロパティ値をどこでも使用

推薦する

MySQLはinet_atonとinet_ntoaを使用してIPアドレスデータを処理します。

この記事では、適切な形式を使用して IP アドレス データをデータベースに保存し、IP アドレスを簡...

MySQL のロックとトランザクションの簡単な分析

MySQL 自体はファイルシステムに基づいて開発されましたが、ロックの存在が異なります。データベース...

rpm を使用して指定されたバージョンの docker (1.12.6) をインストールする詳細な手順

1. 理由システムが Centos7.3 の場合、yum install docker を使用して直...

nginxのインストールと設定の詳細なプロセス記録

目次1 nginxの紹介1 nginxとは何か2 つのアプリケーション シナリオ2 nginxのイン...

SCSS スタイルのコードを 50% 削減する 14 の実践的な経験

序文Sass は CSS3 言語の拡張機能です。Sass を使用すると、より良いスタイルシートをより...

JavaScript 即時実行関数の使用状況分析

一般的に、関数は実行する前に呼び出す必要があることはご存じのとおりです。以下に示すように、関数を定義...

haslaylout と bfc 解析の理解

1. haslayout と bfc は IE 固有の標準属性です。 2. BFC はページ上の分離...

CSS で美しい時計アニメーション効果を実装するためのサンプルコード

仕事を探しています!!!事前準備:まず、このアニメーションは、以前のローディングアニメーションとクー...

MySQL で固定されていない位置から文字列要素を抽出する方法

序文注: テストデータベースのバージョンはMySQL 8.0ですテストデータ: テーブルzqs(id...

MySQLのワークベンチ例の詳細な説明

MySQL Workbench - モデリングおよび設計ツール1. モデルは、最も効果的で高性能なデ...

WeChatミニプログラムはuni-appを通じて世界中に共有されます

実際の使用では、ミニプログラムを友人や友人サークルと共有する必要があることが多く、通常は一度に 1 ...

Linuxアカウントファイル制御管理の詳細な手順

Linux システムでは、ユーザーが手動で作成したさまざまなアカウントに加えて、システムまたはプログ...

Tomcat サーバーが tomcat7w.exe を開けない場合の解決策

今日、Tomcat サーバーの設定時にちょっとした問題が発生したので、参考までにいくつかご説明したい...

一般的な docker コマンドの概要 (推奨)

1. 要約:一般的に、次のカテゴリに分類できます。 Docker 環境情報 — docker [i...