第1回 ホームページにリンクを貼るには ・ 第2回 文字をスクロールさせるには ・ 第3回 文字を強調させるには
第4回 文字の大きさを変えるには ・ 第5回 ホームページで色を変えるには ・ 第6回 表を表示するには
第7回 文字を中央揃えにするには ・ 第8回 下線をつけるには ・ 第9回 打ち消し線を付けるには
第10回 様々なスクロール・スライドの方法 ・ 第11回 簡単「お気に入り」登録 ・ 第12回 簡単「メールボックス」作成
第13回 ホームページのリンクを別ウィンドウにするには ・ 第14回 画像を貼るには/画像にリンクを貼るには
YURIKAGO
ゆりかご
  第1回 ホームページにリンクを貼るには  初級 中級 上級
<A href="リンク先">〜</A> 左記を文中に挿入します。
そうすると下記のようなリンクが貼れます。
エッサム
方法: <A href=http://〜>エッサム</A>

ゆりかごホームページ作成では記事1つに対し、1つのリンク先しか指定できないため、記事内でこのタグ(記号)を入力することにより、リンクコーナーを増設することができます。
  第2回 文字をスクロールさせるには  初級 中級 上級
<marquee BEHAVIOR="alternate">エッサム</marquee>
題名などを左右に動かしたい時は上記の記号を入力します。
そうすると、下記のように左右に動きます。お試しください。


エッサム
  第3回 文字を強調させるには  初級 中級 上級
  @  <B>サンプル</B>
  A  <I>サンプル</I>
「文字を強調させたい!」場合、
その部分を太字にすることによって
強調することができます。
上記@の記号を文字の間に入れることによって、
下記のようになります。

サンプル

同じく、文字を斜体にすることでも
同様の効果が得られます。

上記Aの記号を同じように文中に挿入する
ことによって下記のようになります。

サンプル

これを複合で使うと

株式会社エッサム
   ↓
株式会社エッサム

(方法:株式<I>会社</I><B>エッサム</B>)となります。
是非、ご活用ください。
  第4回 文字の大きさを変えるには  初級 中級 上級
@<BIG></BIG>
A<SMALL></SMALL>
文中の文字を大きく(小さく)したい時は

<BIG></BIG>

<SMALL></SMALL>

を拡大(縮小)したい文字に挟み、記号を半角で記入します。
この記号を使用すると

株式会社エッサム

株式会社エッサム

<BIG>株式会社エッサム</BIG>

株式会社エッサム

<SMALL>株式会社エッサム</SMALL>

となります。ぜひ、ご活用ください。
  第5回 ホームページで色を変えるには  初級 中級 上級
文中の色を変える為には
色の記号を使わなければなりません。
一部ですが紹介します。
<FONT color="#ff0000">エッサム</FONT>(エッサムを赤にする場合)
記号 文字の色を変えたい時は
上記の記号を半角で打ちます。
そうすると・・・

エッサム

となり、様々な色を指定することによって
彩り豊かなホームページが作成できます。

色の記号表示は右の「16進数の色」
をご参考ください。

ff0000
0000ff
(黄色) ffff00
ffffff
a52a2a
薄い緑青色(薄い緑青色) 00ffff
空色 f0ffff
藍色 4b0082
えび茶色 800000
オリーブ 808000
  第6回 表を表示するには  初級 中級 上級
<TABLE BORDER="4"><TR><TD>エッサム</TD></TABLE>
 エクセルのような表を挿入したい場合に使うタグ(記号)です。

(例)
<TABLE BORDER="4"><TR><TD>エッサム</TD><TD>事業所名</TD><TD>所属<TD>名前<TR><TD></TD><TD>エッサム大阪営業所</TD><TD>営業部</TD><TD>古澤農</TD></TR></TABLE>

エッサム 事業所名 所属 名前
  エッサム大阪営業所 営業部 古澤農

上記のタグ(記号)を記入するとこのような表として表示されます。
よく分からない方は、(例)に表示された記号を「コピー」し、記事内に「貼り付け」、そこで
入力文字を変えると、同じような形で表示できます。一度、お試しください。

  第7回 文字を中央揃えにするには  初級 中級 上級
<CENTER>エッサム</CENTER>
文章に変化(強調)を持たせるために
文字を中央にしたい時は、上記のタグ(記号)を挿入します。

そうすると、
エッサム
となります。
ゆりかごホームページ作成では
「ENTER」キーでスペースを空けてやれば
同様の効果が得られますが、慣れると手軽で便利です。
  第8回 文字に下線を付けるには  初級 中級 上級
<U>エッサム</U>
文章に変化(強調)を持たせるために
文字に下線を付けたい時は、上記のタグ(記号)を挿入します。

そうすると、
エッサム
となります。
ご活用ください。
  第9回 文字に打ち消し線を付けるには  初級 中級 上級
<S>エッサム</S>
文字に打ち消し線をつけたい時は、上記のタグ(記号)を挿入します。

そうすると、
エッサム
となります。

ご活用ください。
 第10回 様々なスクロール・スライドの方法 初級 中級 上級

スクロール・スライド(タグ)
<MARQUEE direction="left | right" behavior="scroll | slide | alternate" loop=回数>エッサム</MARQUEE>

右から左にスクロール
<MARQUEE behavior="scroll" direction="left">エッサム</MARQUEE>
右から左にスライド止まり
<MARQUEE behavior="slide" direction="left">エッサム</MARQUEE>
右から左にスライド、左から右にスライド戻り
<MARQUEE behavior="alternate" direction="left">エッサム</MARQUEE>
left / right / up / down」を「direction=""」に挿入することにより「左右・上下」など様々な方向に変化できます。
 第11回 簡単「お気に入り」登録 初級 中級 上級
<input type="button" value="お気に入りに登録" onclick="window.external.AddFavorite('http://www.kaikei-home.com/essam-oosaka/','エッサム大阪営業所');">
この場合、タグ(記号)の方がかなり複雑になります。上記を右クリック「コピー」、指定の場所に「貼り付け」作業で行った方が失敗することはありません。貼り付け」後、「ホームページアドレス(例ではエッサム大阪のアドレスになっている部分)」を指定のアドレスに変更し、次にボタン名称(例では「エッサム大阪営業所」部分)をお好きな言葉に変更して、ご使用ください。
このボタン作成により、「お気に入り」にワンタッチで登録できるようになります。
 第12回 簡単「メールボックス」作成 初級 中級 上級
<font color="#ff14933">Mail</font>をクリックして下さい。</font><BR><td><a href="mailto:メールアドレス"><font color="#ff14933">Mail</font></a></td><BR>
赤字部分を変更するだけで、使用できます。
 第13回 ホームページのリンクを別ウィンドウにするには 初級 中級 上級
<a href="リンク先" target="_blank">タイトル</A>
リンク先にリンクしたいホームページのアドレス(http:〜)、タイトルにはそのホームページ名に変更。下記のようにリンクされます。
例:エッサム大阪営業所
コピー&貼り付け(ペースト)を行い、赤字部分を変更するだけで、使用できます。
 第14回 画像を貼るには/画像にリンクを貼るには 初級 中級 上級+
画像はホームページを美しく飾ることもでき、写真や図などは常に情報を表現する有効な手段である。しかし、インターネットというのは、利用している人のことを考えると、ページの容量が小さいほうがいい。従って、意味の持たない画像や容量の大きな画像は極端に使用を控える必要があります。
説明:貼りたい画像は、インターネットサーバー上にアップロードされていなければなりません。お使いのローカルディスクに保存された画像では下記の方法でされても貼り付けることはできません。画像のアドレスは、貼りたい画像を右クリックし「プロパティ」を選択すると、画像URL(アドレス:http:〜)が表示されていますので、それをコピーして、下記「画像URL]」に貼り付けします。
画像を貼る
<img src="画像URL.jpg" alt="画像名" border=0></a>
画像をサイズ指定で貼る width=# 画像の幅(ピクセル数)、height=# 画像の高さ(ピクセル数)
<img src="画像URL.jpg" alt="画像名" width=000 height=000 border=0></a>
画像にリンクを貼る
<a href="リンク先"> <img src="画像URL.jpg" alt="画像名" width=000 height=000 border=0></a>
このご使用上に関しては、アイコンなど極端にサイズが小さいものに限られた方が良いと思われます。
<form action="http://www.l-net.ne.jp/htbin/automail.asp" method="post">
あなたの名前   <input type="text" name="yourname" size="26">
あなたのEメール <input type="text" name="yourmail" size="27">
タイトル     <input type="text" name="title" size="38">
コメント     <textarea name="comment" rows="4" cols="27"></textarea>

<input type="submit" value="送信する"><input type="reset" value="取り消し"><input type="hidden" name="mailaddr" value="あなたのメール"></form>
TOP