Web ページが Web ブラウザーで表示されているときに、Web ページに点滅するテキストを表示するには、4 つの方法があります。 HTML タグを使用して、Web ページ上の任意のテキストの表示に影響を与えることができます。 Web ページの HTML ファイルに宣言「text-decoration:blink」を追加できます。 Web ページの表示を制御する Cascading Style Sheet (CSS) ファイルに宣言 "text-decoration:blink" を追加できます。または、Web ページの HTML ファイルにカスタム JavaScript コードを追加して、テキストを点滅させる、つまり表示と非表示を繰り返すこともできます。

ステップ 1

テキスト エディターを実行し、Web ページのテキストを含むファイルを開きます。ファイル名の拡張子は、.htm、.html、.xhtml、.xhtm などです。

ステップ 2

HTML タグ と で、点滅させたいテキストを囲みます。見出し、段落、表など、Web ページに表示される任意のテキストで タグを使用できます。

ステップ 3

編集したテキスト ファイルを保存します。

ステップ 4

テキスト エディターを実行し、Web ページのテキストを含むファイルを開きます。ファイル名の拡張子は、.htm、.html、.xhtm、.xhtml などです。

ステップ 5

HTML ファイルに「」と書かれた行の間に、この例に示されているテキスト行を追加します。例として、この行により、タグ "

" を持つこの Web ページ上のすべてのテキストが点滅して表示されます。この手法を使用して、見出しテキスト (h1、h2、h3、... h6)、Web ページの本文全体 (本文)、または特定の HTML タグを持つテキストに影響を与えます。

ステップ 7

編集したテキスト ファイルを保存します。

ステップ 8

テキスト エディターを起動し、点滅させたいテキストを含む Web ページの表示を制御する Cascading Style Sheet (CSS) ファイルを開きます。ファイルの名前拡張子は、.css またはその他にすることができます。表示を制御する HTML ファイルと同じフォルダーまたはディレクトリにある場合とない場合があります。

ステップ 9

CSS ファイルで、この例に示されている 2 つの行のいずれかを探します。この例では、省略記号 ("...") は、CSS ファイルの行のその部分にテキストが含まれている可能性があることを示しています。

ステップ 10

この例に示すように、行を追加または編集します。この CSS ファイルを参照する HTML ファイルの場合、改行により、「

」タグでマークされたすべてのテキストが Web ブラウザーで表示されると点滅して表示されます。

ステップ 11

特定の ID でタグ付けされたテキストのみを点滅させるには、この例に示すように CSS ファイルと HTML ファイルを編集します。 HTML ファイルでは、この ID を宣言するために、任意のテキストに対してこの方法で HTML タグを編集できます。

ステップ 12

テキスト エディタを起動します。新しいテキスト ファイルに、この例に示されている行を入力します。テキストを拡張子 .htm のファイルに保存します。

ステップ 13

Web ブラウザで新しい HTML ファイルを開きます。 「Your text」という行が点滅していることに注意してください。この結果は、JavaScript が有効になっているほとんどすべての Web ブラウザー (Microsoft Internet Explorer を含む) で発生します。

ステップ 14

例に示されている JavaScript プログラムを使用するには、新しい HTML ファイルからプログラムの行をコピーし、タグ "" を含む行の後に別の HTML ファイルに貼り付けます。もう 1 つの HTML ファイルで、タグ「」のある行の括弧内に次のテキストが含まれていることを確認します:onload="setInterval('blinkIt()',500)"

ステップ 15

Web ブラウザを起動します。

ステップ 16

HTML ファイルを Web ブラウザで開きます。これには 3 つの方法があります:

-ファイルのアイコンをブラウザのウィンドウにドラッグします。 -[ファイル]> [開く] コマンドを選択し、[開く] ダイアログを使用して開くファイルを選択します。 -ブラウザの場所 (または URL) フィールドにファイルの名前を入力します。

ステップ 17

この例に示すように、コンピューターに「JBrown」としてログオンし、ファイル My-File.html がデスクトップにある場合、Windows PC で「file:///C:/Documents%20and%20Settings/」と入力します。 JBrown/Desktop/My-File.html と入力して Enter キーを押すか、Mac では file:///Users/JBrown/Desktop/My-File.html と入力して Enter キーを押します。

ヒント

点滅するテキストを表示できる一部の Web ブラウザーでは、ユーザーはブラウザー独自の設定を使用してこの機能を無効にすることができます。たとえば、ユーザーの便宜のために、Mozilla Firefox ブラウザーの about:config 設定「browser.blink_allowed」は、点滅としてタグ付けされたテキストが実際に点滅して表示されるかどうかを決定します。

HTML タグは「標準」の HTML ではなく、Microsoft Internet Explorer を含むすべての Web ブラウザのすべてのバージョンでサポートされていないことに注意してください。この手法は、将来の Web ブラウザーで表示されることが予想される Web ページで点滅するテキストを表示する場合にはお勧めできません。

「text-decoration:blink」宣言は、Web の国際的な標準化組織である World Wide Web Consortium によって発行された CSS 1 勧告および CSS 2.1 仕様で標準と見なされています。その宣言は、国際標準に準拠するすべての主要な Web ブラウザーによって、現在および将来的にサポートされる必要があります。

警告

Web ページで点滅するテキストを使用することは、推奨される方法ではありません。理由の 1 つは、てんかん発作を起こしている読者が点滅するテキストを表示すると、否定的な反応を示す可能性があることです。また、ページ上のテキストの点滅は、ページの他の部分を見ているときでさえ、目を強く惹きつけます。そのため、読者をいらいらさせたり、いらいらさせたりする可能性があります。