初めてのHTML

htmlの基本の基本

前回のHTML

前回書いたのがこれです。

<div style="background-color:#EDF7FF;">
<pre><code><math><![CDATA[
<!DOCUTYPE HTML>
<html lang="ia">
<hrad>
</hrad>
<body>
<h1>みだし</h1>
ここに何か書く<br>
もっとかく
</body>
</html>
]]&gt;</math></code></pre>
</div>


<!DOCUTYPE HTML>
<html lang="ia">
<hrad>
</hrad>
<body>
	<h1>みだし</h1>
	ここに何か書く<br>
	もっとかく
</body>        
</html>  
]]&gt;</math></code></pre>
</div>
        <table border="1">
            <tbody>
                <tr>
                    <td>&lt;!DOCUTYPE HTML&gt;<br>
&lt;html lang=&quot;ia&quot;&gt;<br>
&lt;hrad&gt;<br>
&lt;/hrad&gt;<br>
&lt;body&gt;<br>
	&lt;h1&gt;みだし&lt;/h1&gt;<br>
	ここに何か書く&lt;br&gt;<br>
	もっとかく<br>
&lt;/body&gt;        <br>
&lt;/html&gt;  <br>
]]&amp;gt;&lt;/math&gt;&lt;/code&gt;&lt;/pre&gt;<br>
&lt;/div&gt;</td>
                </tr>
            </tbody>
        </table>
        <br>

    <h3>ブラケッツを立ち上げる</h3>

    ブラケッツを立ち上げて、これが書いてあるindex.htmlを開きましょう。<br>

    そして、ブラケッツの、<br>

    このマークを押すと、<img src="g27.jpg" width="115" height="110" border="0">クリームがたちあがります。<br>

    あとは、ブラケッツを書き換えると、クロームも変化していきます。<br>

    <br>

    <h3>でもまだ書いてないときは</h3>

    その1(何も書いてないHTMLを作り)<br>

    ブラケッツを立ち上げ→ファイル→新規作成→右下のtextをhtmlにかえる。<br>

    その2(HTMLをコピーし)<br>

    上部のHTML部分をマウスで指定して、つまり、マウスでドラックして色を変えて<br>

    その上で右クリックをして「コピー」をクリックし<br>

    その3(何も書いてないHTMLへ貼り付ける)<br>

    ブラケッツの何も書いてないファイルの上で、右クリックして「ペースト(貼り付け)」を選ぶ<br>

    これでできます。<br>

    <h3>ショートカットキー</h3>

    上の操作をマウスを使わないでできると便利です。<br>

    <br>

    コピーは コントロルキー+Cキー<br>

    こぴーだからcキーと覚えれば良いでしょう。<br>

    そして貼り付けは、その隣のコントロール+vキーでできます。<br>

    <br>

    ついでにその隣のコントロール+xキーはというと、これは切り取りです。<br>

    ブラウザの上では切り取ってもなくなりませんが、ブラケットの上では切り取れます。<br>

    <br>

    そしてその前の コントロールキー+zキーは前の状態に戻ります。<br>

    <br>

    試してみてください。<br>

    それならマウスの文字指定はできないのか<br>

    これはシフトキー+上下左右の矢印でできます。<br>

    覚えておくととても便利、エクセルとかワードとか他でもいろいろ使えるでしょう。<br>

    <br>

    ショートカットキーはまだ他にもいろいろあります。<br>

    調べましょう。<br>

    <a class="button2" href="a.html">次へ進む</a>

<script type="text/javascript" src="../../../js/script1_1.js">

</script>    

    

  </div>

<div id="nakakoukoku">

</div>

</div>

<!-- main終了 -->

<div id="side">



</div>

</body>

</html>