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

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

May 16, 2016 pm 12:03 PM
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 までご連絡ください。

ホット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 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

Go言語で正規表現を使用してHTMLタグの内容を抽出する方法 Go言語で正規表現を使用してHTMLタグの内容を抽出する方法 Jul 14, 2023 pm 01:18 PM

正規表現を使用して Go 言語で HTML タグのコンテンツを抽出する方法 はじめに: 正規表現は強力なテキスト マッチング ツールであり、Go 言語でも広く使用されています。 HTML タグを処理するシナリオでは、正規表現を使用すると、必要なコンテンツを迅速に抽出できます。この記事では、Go 言語で正規表現を使用して HTML タグの内容を抽出する方法と、関連するコード例を紹介します。 1. 関連パッケージの導入 まず、関連パッケージ regexp と fmt をインポートする必要があります。正規表現パッケージが提供する

Python 正規表現を使用して HTML タグを削除する方法 Python 正規表現を使用して HTML タグを削除する方法 Jun 22, 2023 am 08:44 AM

HTML (HyperTextMarkupLanguage) は、Web ページを作成するための標準言語であり、タグと属性を使用して、テキスト、画像、表、リンクなど、ページ上のさまざまな要素を記述します。ただし、HTML テキストを処理する場合、後続の処理のためにテキスト コンテンツを迅速に抽出することは困難です。現時点では、Python の正規表現を使用して HTML タグを削除し、プレーン テキストをすばやく抽出できます。 Python では、通常のテーブル

PHPの文字列からHTMLタグを削除するにはどうすればよいですか? PHPの文字列からHTMLタグを削除するにはどうすればよいですか? Mar 23, 2024 pm 09:03 PM

PHP は、Web サイト開発やバックエンド アプリケーション開発で広く使用されている、一般的に使用されるサーバー側スクリプト言語です。 Web サイトやアプリケーションを開発するとき、文字列内の HTML タグを処理する必要がある状況によく遭遇します。この記事では、PHP を使用して文字列から HTML タグを削除する方法と、具体的なコード例を紹介します。なぜ HTML タグを削除する必要があるのですか? HTML タグは、ユーザー入力やデータベースから取得したテキストを処理するときによく使用されます。テキストを表示するときにこれらの HTML タグを削除したい場合があります。

PHPでHTMLタグをエスケープする方法 PHPでHTMLタグをエスケープする方法 Feb 24, 2021 pm 06:00 PM

PHP では、htmlentities() 関数を使用して html をエスケープし、文字を HTML エンティティに変換できます。構文は「htmlentities(string,flags,character-set,double_encode)」です。 PHP の html_entity_decode() 関数を使用して、HTML をエスケープ解除し、HTML エンティティを文字に変換することもできます。

Javaで指定された文字列からHTMLタグを削除するにはどうすればよいですか? Javaで指定された文字列からHTMLタグを削除するにはどうすればよいですか? Aug 29, 2023 pm 06:05 PM

String は Java の最終クラスであり、不変です。つまり、オブジェクト自体を変更することはできませんが、オブジェクトの参照は変更できます。 String クラスの replaceAll() メソッドを使用して、特定の文字列から HTML タグを削除できます。正規表現を使用して、指定された文字列から HTML タグを削除できます。文字列から HTML タグを削除した後、文字列を通常のテキストとして返します。構文 publicStringreplaceAll(Stringregex,Stringreplacement) の例 publicclassRemoveHTMLTagsTest{&nbs

HTMLでの開始タグの例は何ですか? HTMLでの開始タグの例は何ですか? Apr 06, 2025 am 12:04 AM

Anexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。

HTML テーブルで HTML タグを使用するにはどうすればよいですか? HTML テーブルで HTML タグを使用するにはどうすればよいですか? Sep 08, 2023 pm 06:13 PM

テーブルに HTML タグを簡単に追加できます。 HTML タグは <td> タグ内に配置する必要があります。たとえば、段落 <p>…</p> タグまたはその他の利用可能なタグを <td> タグ内に追加します。構文 次に、HTML テーブルで HTMl タグを使用するための構文を示します。 <td><p>コンテキストの段落</p><td>例 1 HTML テーブルでの HTML タグの使用例を以下に示します。 <!DOCTYPEhtml><html><head&g

基本的な HTML タグを検証するための PHP 正規表現メソッド 基本的な HTML タグを検証するための PHP 正規表現メソッド Jun 24, 2023 am 08:07 AM

PHP は、正規表現関数をサポートし、入力データの有効性を迅速に検証できる効率的な Web 開発言語です。 Web 開発では、HTML は一般的なマークアップ言語であり、HTML タグの検証は Web フォーム検証の非常に重要な方法です。この記事では、基本的な HTML タグの検証方法と、検証に PHP 正規表現を使用する方法を紹介します。 1. HTML タグの基本構造 HTML タグは、山括弧で囲まれた要素名と属性で構成されており、一般的なタグには p、a、div などがあります。

See all articles