最初に製作するページ

画像に文字を回りこませる例1

寿司の写真です。

文字の回りこみをにした場合


画像に文字を回りこませる例2

寿司の写真です。

文字の回りこみをにした場合


画像の必要がない場合の文章

この部分に適当な文章を書くだけです。

  1. 番号つきリストはこのように書きます。
  2. また、1番からではなく10番から
  3. はじめたい場合は<ol start="10">と書きます。

連続してイメージを表示する場合

きつねうどんの写真です。 すきやきの写真です。 ブイヤベースの写真です。

ここで問題です。

では、1行に画像を3枚並べその下にそれぞれの説明を書くにはどうすればいいのでしょうか?
画像サイズは横200px、縦150pxとして文字説明は100文字程度という設定で考えてみてください。
<ヒント>スタイルシートでクラス名(.syashin)をつけ設定するだけです。
答えは下記のようになります。CSSを見てください。

水炊きの写真です。

では、1行に画像を3枚並べその下にそれぞれの説明を書くにはどうすればいいのでしょうか? 画像サイズは横200px、縦150pxとして文字説明は100文字程度という設定で考えてみてください。
<ヒント>スタイルシートでクラス名(.syashin)をつけ設定するだけです。

きつねうどんの写真です。

では、1行に画像を3枚並べその下にそれぞれの説明を書くにはどうすればいいのでしょうか? 画像サイズは横200px、縦150pxとして文字説明は100文字程度という設定で考えてみてください。
<ヒント>スタイルシートでクラス名(.syashin)をつけ設定するだけです。

すきやきの写真です。

では、1行に画像を3枚並べその下にそれぞれの説明を書くにはどうすればいいのでしょうか? 画像サイズは横200px、縦150pxとして文字説明は100文字程度という設定で考えてみてください。
<ヒント>スタイルシートでクラス名(.syashin)をつけ設定するだけです。

応用:右横に説明をつける場合

すきやきの写真です。

では、1行に画像を3枚並べその下にそれぞれの説明を書くにはどうすればいいのでしょうか? 画像サイズは横200px、縦150pxとして文字説明は100文字程度という設定で考えてみてください。
<ヒント>スタイルシートでクラス名(.syashin)をつけ設定するだけです。

きつねうどんの写真です。

では、1行に画像を3枚並べその下にそれぞれの説明を書くにはどうすればいいのでしょうか? 画像サイズは横200px、縦150pxとして文字説明は100文字程度という設定で考えてみてください。
<ヒント>スタイルシートでクラス名(.syashin)をつけ設定するだけです。

| 連絡先 | プライバシーポリシ | ©Copyright 2004 |