戻る

簡単ホームページ作成講座 レベル2

  1. 文字の大きさの変更。1〜7まであります。
    <font size=1>ワン</font>
    <font size=2>ツー</font>
    <font size=3>スリー</font>
    <font size=4>フォー</font>
    <font size=5>ファイブ</font>
    <font size=6>シックス</font>
    <font size=7>ウルトラセブン</font>
    
    ワン
    ツー
    スリー
    フォー
    ファイブ
    シックス
    ウルトラセブン
    
  2. 文字の色の変更。
    color="#ff0000"
    これはRGB(赤緑青)という要素で並んでおり、この場合は赤がFF(最大値)、 緑と青が00(最小値)です。
    00〜FFは16進数です。
    00→01→02→…→08→09→0A→0B→0C→0D→0E→0F→10→11→…→FD→FE→FF
    という順です。
    また、color="red"のように色名でも入力できるものがあります。
    <font color="#ff0000">赤</font>
    <font color="#00ff00">緑</font>
    <font color="#0000ff">青</font>
    <font color="red">赤</font>
    <font color="white">白</font>
    <font size=6 color="#ffaa00">組み合わせ</font>
    
    
    
    
    
    
    組み合わせ
    
    また、 <font size=6 color="#ffaa00">組み合わせ</font> このようにsizeとcolorは組み合わせることが出来ます。

  3. リンクの貼り方
    絶対URLでの書き方。絶対URLとはhttp://から始まるアドレス。
    <a href="http://www.game-kids.net/">ゲームキッズへ</a>
    <a href="http://www.game-kids.net/web/master/">TOPに戻る</a>
    <a href="http://www.game-kids.net/web/master/page10.htm">レベル1に戻る</a>
    
    ゲームキッズへ
    TOPに戻る
    レベル1に戻る
    
    相対URLでの書き方。相対URLとは今いる場所からみたアドレス。
    <a href="../../">ゲームキッズへ</a>
    <a href="./">TOPに戻る</a>
    <a href="./page10.htm">レベル1に戻る</a>
    
    ゲームキッズへ
    TOPに戻る
    レベル1に戻る
    
  4. 別のウインドウで開く
    他のサイトへリンクを貼るときなど、別のウインドウで開かせたい時があると思います。
    その方法は、
    <a href="http://www.game-kids.net/" target="_blank">ゲームキッズへ</a>
    というように「target="_blank"」を追加します。
    ゲームキッズへ

次回予告

レベル3では画像を貼る事を説明します。 乞うご期待。
レベル3へ