HTMLタグで文字を表示を変えよう

今度は、ちょっと先程のHTMLファイルに編集を加えて文字の表示を変えてみましょう。
編集する方法は、先ほどの【 index.htm 】を【 右クリック 】→【 プログラムから開く 】→【 Notepad 】
又は、【 メモ帳 】を起動して左上のメニューから【 ファイル 】→【 開く 】で【 index.htm 】を選択します。

<html>
<head>
<title>ようこそMyPageへ</title>
</head>
<body>
<p>ようこそMyPageへ</p>
<p>MyPageでは、○○についての情報を発信していきます。</p>
</body>
</html>

先ほどの内容が表示されましたか? ここに編集を加えていきます。

<html>
<head>
<title>ようこそMyPageへ</title>
</head>
<body>
<p>ようこそ<b>MyPage</b>へ</p>
<p><i>MyPage</i>では、 ○○についての情報を<br />発信していきます。</p>
</body>
</html>

太字になっているところが、今回修正を加えた箇所です。 さて、又ブラウザで表示してみましょう。 先ほどのブラウザを開いたままであれば、【 F5 】を押せば、更新されます。

最初の【 MyPage 】が【 MyPage 】のように斜体へ、
2番目の【 MyPage 】が【 MyPage 】のように
太字へ、<br />を入れた箇所で改行されていれば、編集成功です。

i・b・brタグの意味

上記で使ったi・b・brタグの説明をしていきます。

<i>タグは、囲んだ箇所を、斜体にします。

<b>タグは、囲んだ箇所を、太字にします。

<br />タグは、任意の箇所で改行
を行います。


スポンサードリンク