ITゲームインフォ過去記事アーカイブ

*1

ITゲームインフォ過去記事アーカイブ【アカウント移動しました】

ITゲームインフォの旧サイトの記事アーカイブです。サイトはitgameinfo.blogspot.jpに移動しました。旧サイトit-game-info.cfは閉鎖しました。 これからは新サイトを見てください。

HTMLでウェブサイトを作ろう!第二回 文章を書こう!

前回の記事はこちら

http://it-game-info.cf/blog/2018/04/11/post-2453/

ウェブサイト作成講座第二回目は文章を作る方法を教えます。

復習

まずは前回の復習です。まずコードを打つときは<body>と</body>の間に打ちます。

画面に「あいうえお」と表示させてみましょう。

<p>あいうえお</p>

これであいうえおと表示されます。

改行の仕方

いきなりですがこの文章を画面に同じように表示させてください。

 

ITゲームインフォのアドレス↓

http://it-game-info.cf/

 

簡単じゃん!

<p>ITゲームインフォのアドレス↓

http://it-game-info.cf/

って書けばいいんでしょ。

 

 

違います!

 

実は普通に改行しても改行されません。

HTMLで改行するときは

<br>

と入力します。

この場合前教えたような形になりません。

<br></br>は間違いです。

改行は<br>のみです。

線を表示する方法

線とはこれです。(↓)


文章で区切りをつけたいときなどに使います。

これも改行と同じように

<hr>と書きます。

<hr></hr>は間違いです。


今回は文章作成の基本を教えました。次は画像を入れたり色を入れてみたいと思います。