| 要約: | 特別なテキスト書式を使用して、ハイパーリンクの記述またはイメージの表示をすることができます。 |
テキスト書式のなかには、テキストや段落のプロパティを特に設定しないものがあります。これらは、代わりに他の指定の機能を実行します。
- title は、heading? = false を設定してブラウザのタイトル バーにコンテンツを配置する場合を除き、"典型的な" タイトルの書式で段落の書式を設定します。
- link および destination の書式を一緒に使用してハイパーリンクを作成します。
- image はドキュメントにイメージを表示します。サポートされているイメージ形式は .jpg および .gif です。
- hrule はページ幅分の水平線を表します。
詳細は以下のセクションで説明します。
title 書式はブラウザのタイトル バーを設定し、履歴リストなどの他の機能でも使用されます。タイトル書式は、通常ドキュメントのタイトルを指定するためにアプレットで 1 度だけドキュメントの上部近くで使用されます。
title の構文を次に示します。
| 構文: | {title [heading? = bool,] title-text} |
| 説明: | - bool は true または false で、タイトル テキストをアプレットのコンテンツの一部としてグラフィック表示するかどうかを示します。既定値は true です。
- title-text はブラウザに渡されるテキストで、ブラウザのタイトル ウィンドウと履歴リストで使用されます。
|
heading? の既定値は true で、heading? = false を指定しない限りタイトルが表示されます。タイトル ディスプレイは既定では次のオプション設定を使用し、これらはすべてオーバーライドすることができます。
{paragraph
font-size = 1.5em,
font-weight = "bold",
paragraph-justify = "center",
paragraph-after-spacing = 2em,
...
}
link および
destination を使用してハイパーリンクを作成します。
- link によりリンク表示を作成し、エンドユーザーがこれをクリックすると参照先のページがロードされるようにします。ロードされたページが特定の行にスクロールするように指定することもできます。ページまたはページ内の行は参照先と呼ばれます。ハイパーリンク表示は通常テキストですが、イメージをハイパーリンクにすることもできます。
- destination はページ内の行を参照先として指定します。複数のリンクの参照先として指定することもできます。
リンクの作成に必要な構文を次に示します。
| 構文: | {link
[target = browser-string,]
href = {url destination-string},
link-display
}
|
| 説明: | - browser-string は参照先をロードするブラウザ ウィンドウを指定します。値を指定しない場合、現在のウィンドウに参照先のページがロードされます。現在のウィンドウや既存のウィンドウ以外の新しいウィンドウに参照先をロードするには、その参照先の文字列を指定します。
- destination-string では、ページまたはページ内でスクロール先になる行をurl 形式で指定します。参照先の特定の行にリンクするには、destination-string に #destination name を追加する必要があります。たとえば、
- link-display は画面に表示されるハイパーリンクとなるテキストまたはグラフィクです。Click Me のようなテキストを入力するだけでも十分です。
|
Curl® 言語で書かれるすべてのアプレットは
link の参照先として使用できます。ただし、ページ内の特定の行を参照先として指定する場合はその行で
{destination ...} を呼び出す必要があります。
行を参照先として指定する場合の構文は次のとおりです。
| 構文: | {destination name = name-string[,display]} |
| 説明: | - name-string はこの行の名前を指定します。行の名前は二重引用符で囲む必要があります。この名前はハイパーリンクの参照先として使用されます。
- display はこの参照先の行と同じ行に表示されるものです。display はオプションです。
|
ハイパーリンクの参照先の例を次に示します。
{destination name = "eplumbing", {heading level = 1, Plumbing Online}}
次の例のリンクは、『Curl 開発者ガイド』の「はじめに」のページを表示する新しいウィンドウを開きます。
| 例:
リンク |
 |
{link target = "new",
href = {url "gettingstarted.curl"},
Getting Started}
| |
image 書式はドキュメントにイメージを表示します。次の構文を使います。
| 構文 | {image source = {url image-file-string},
[blocking? = blocking?,]
[ignore-exceptions? = ignore-exceptions?,]
[width = width,]
[height = height]
}
|
| 説明: | |
イメージの作成を含む、イメージの取り扱いについての追加情報は、
ImageData を参照してください。次の例では
image を呼び出した結果を示します。
| 例:
イメージ |
 |
{center
{image source =
{url "../../default/images/kid1.jpg"},
width = 2in,
height = 1.4in}
}
| |
上記のイメージは、指定されたサイズですべての画面やプリンタに表示されます。幅と高さのオプションが省略されている場合、Curl® RTE はイメージ ピクセルとスクリーン ピクセル間で 1:1 対応を使用して、適切にサイズ調整されたイメージを表示しようとします。この結果、表示の条件によりイメージの表示サイズが異なる場合があります。一般的に、表示されるイメージのサイズがアプリケーションにとって重要である場合は寸法を指定することを推奨します。
image 形式は、次のグラフィック ファイル形式をサポートしています。
- GIF 1ビットの透過度を含むので、ピクセル単位で完全に透過または不透過にでき、またアニメーションGIFも含みます。Curl 言語では GIF ファイルを作成しないように制限がかけられています。
- JPG
- BMP 4、8、24、または32 ビット深度を含みます。Curl 言語では、ピクセルあたり 1 または 2 ビットの BMP ファイル、または圧縮された BMP ファイルをサポートしていません。カラー チャネルがインタリーブされているイメージだけをロードします。独立したカラー プレーンのイメージはロードしません。Curl 言語では、ピクセルあたり 32 ビットで、圧縮なしの BMP ファイルを生成します。
- PPM
- PNG は、8 ビット深度の透過度をサポートします。Curl のアプレットで部分的な透過性を正しく表示するには、イメージを AntialiasedFrame または Canvas に配置し、AntialiasMixin.use-host-rendering? プロパティを false に設定します。もう1つの方法は、set-rendering-mode を呼び出して、アプレット全体で部分的な透過性を有効にします。
- TIFF 複数イメージのファイルの最初のイメージのみ。追加のイメージにアクセスするには、ImageData を使用します。
レイアウト サイズをエンコードしないイメージ形式では、表示されるときに 1 つのイメージピクセルが 1 つのスクリーン ピクセルにマップされるように
image のレイアウト設定が適切なサイズを要求します。カラー スペースが指定されていないイメージ形式は RGB カラー スペースで解釈されます。
hrule 書式はページにかかる線を描きます。
height オプションで線の太さを設定できます。同様に
color で線の色を設定できます。
hrule の構文を次に示します。
| 構文: | {hrule
[height = distance-value,]
[color = color-value]
}
|
| 説明: | - distance-value は 4pt や 0.25in などの任意の Distance です。サポートされている Distance の単位のリストについては、「数量および単位」を参照してください。
- color-value は Color を含む任意の FillPattern 値で、"olive" などのサポートされているカラー文字列を指定できます。
|
次のソース コードを例として示します。
| 例:
水平線 |
 |
{hrule}
{paragraph color = "maroon",
There is this default gray stretchy line above me.}
{hrule height = 2pt, color = "green"}
{paragraph color = "blue",
There is this thick, green stretchy line above me.}
{paragraph color = "maroon",
Within me, {hrule color = "pink"} as you can see,
there's this pink stretchy line.}
| |
Copyright © 1998-2008 Sumisho Computer Systems Corp.
All rights reserved.
Curl, the Curl logo, Surge, and the Surge logo are trademarks of Sumisho
Computer Systems Corp. that are registered in the United States. Surge
Lab, the Surge Lab logo, and the Surge Lab Visual Layout Editor (VLE)
logo are trademarks of Sumisho Computer Systems Corp.