本文へスキップ

TOPICSへの写真の入れ方(挿入方法) / ホームページビルダー21フルcssテンプレート編集

TOPICSへの写真の入れ方(挿入方法) / ホームページビルダー21フルcssテンプレート編集

TOPICSへの写真の入れ方(挿入方法) / ホームページビルダー21フルcssテンプレート編集

TOPICSへの写真の入れ方(挿入方法)

  • 【TOPICSに写真を入れてみる】

    基本の下記HTMLをどこかに書き留めておいてください。
    このホームページのTOPICSなどに写真を入れるときにコピーして貼り付けて使用します。

    <img src="写真の名前.jpg" width="200" height="200" alt="写真の説明" class="left">
    上の写真の「HTML」をコピーして使う場合は<>を小文字に直して利用して下さい。

    例えば
    下の画像のようになります。
    「ソース編集」部で黄色く囲まれている部分がHTMLを貼り付けた部分です。

    ・画像は、サイトのホルダー内にファイルと一緒においておきます。
    ・画像が多く使用する場合は、画像だけを入れるホルダをサイトのホルダの中に作成する必要があります。
       ※フォルダを作るときは、右クリック→「新規作成(X)」→「フォルダ(F)」とします。

    「service-s01.jpg」は画像の名前です。
    ・「width="200" height="200"」は表示される画像のスペース。画像をこのサイズに合わせる必要があります。
    ・また、挿入したい画像の大きさに画像表示サイズを変更することもできます。

    ・「alt="○○○○○○○○イメージ」"は、画像の名前を書きこみます。例えば alt="営業打ち合わせ"
    ・「class="left"」は写真の位置です。左寄せは「left」、右寄せは「right」とします。
    ・勿論、動画も差し込むことができます。
    ○○○○○○○○イメージ
  • 質問やお問い合わせは、LINEでお願い致します。
    LINE ID