next up previous
: ちょっとひと工夫 : HTML : 文字の色・サイズ

画像を扱う

<img>

\begin{itembox}[l]{画像 ({\tt nanzan.gif}) を表示する.}
\begin{alltt}
\relax{} ...
...src=''nanzan.gif'' alt=''nanzan university''>
\\ \relax \end{alltt}\end{itembox}
基本形は, src= の後にパスを含めたファイル名または URL を書く. 画像ファイルのデータフォーマットは,ブラウザによって利用できるものが異なるが, gif, jpeg が一般的 4である. 属性の alt は,何らかの理由により画像ファイルが読めなかったときや, テキスト専用の WWW ブラウザ(lynx 等)を利用している人に, 画像の代わりにどんな情報があるかを文字で説明する.

目の不自由な人の中に,音声合成装置を利用して WWW から情報を得ている方もいる. この場合 alt タグがないと, 内容がわかりにくいそうだ.ぜひ alt を使いたい. また, width, height も使用できる.この場合のパーセンテージ の割合は,( hr とは違って)もとの画像に対しての割合である.

<img src="nanzan.gif" ALT="nanzan university" width=80% height=70%>

width ピクセル数または百分率 横のサイズ
height ピクセル数または百分率 縦のサイズ
align top, middle, bottom テキストの揃え位置
border ピクセル数  画像のまわりに枠を表示
hspace ピクセル数 画像とテキストとの間の横マージン
vspave ピクセル数 画像とテキストとの間の縦マージン



Yasushi KODAMA 平成12年6月4日