４.文書作成IV

HTMLの作成

  • 作成の手順

    • 　*.htmlを編集するときは「メモ帳」で開く。
    ダブルクリックしても「メモ帳」では開きません。
     
  • 章立ての仕方

    • <hn(nは整数）>章の名前</hn>
    たとえば<h1>第一章</h1>はこうなる。

    第一章

    以下、数字を変えていくとこうなる。

    第一節

    第一項

    地の文は普通に文字を書いていけばよい。ワープロと同じ感覚でよい。「メモ帳」は横にどんどん広がっていってしまうが、気にしなくても良い。ブラウザ上では適当なところで改行される。ちなみにメモ帳上での改行[Enter]はいくら入れてもHTML上では反映されない（入れても入れなくても同じ）。HTML上で改行したければ<br>タグを入れる必要がある。段落を変えたいとき用いると良いだろう（その辺もワープロ感覚）。<br>
    こんな風に改行されました。<br>
    <br>
     
  • 色を付ける。

    • 背景や全体の文字の色を指定することが出来る。
    ヘッダーの<body>タグの中で指定する。
    <body text=文字の色 bgcolor=背景の色>

    さらに個別の文字に色を指定することも出来る。
    <font color=変えたい色の名前>色を変えたい文字</font>
    たとえば<font color=red>赤</font>、<font color=yellow>黄色</font>、<font color=blue>青</font>など。

    色の指定は英語の名前を付けるか、16進法の数字の組み合わせで出来る。
    <font color="#FF0000>赤</font>,<font color="#00FF00">緑</font>、<font color="#0000FF">青</font>と行った具合。

    次はリンクの貼り方
    <a href="URLあるいはファイルの場所">リンク</a>

    yahooへのリンクを貼るのは、
    <a href="http://www.yahoo.co.jp>Yahoo</a>

    ローカルなファイルにリンクを貼るのは
    <a href="index.html">INDEX</a>

    ここではパス指定に注意。
     

  • 画像を扱う。

    • 背景に画像を貼る
    <body background="画像ファイル名">

    特定の場所に画像を貼る。
    <img src="画像ファイル名" height=高さの指定 width=横幅の指定>

    戻る