1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

HTMLの基本である文字サイズ変更、改行、文字の色について

Last updated at Posted at 2021-01-23

HTML

PCで文章を書くにあたってHTMLに突き当たったのでちょっとまとめてみようというモチベーションで記事を書きます。基本的に困ったら見直せる程度のレベルです。

対象者

HTML初心者の人

前提条件

PCを使える
atom他エディタを使いこなせる
(atomの使い方についてはまた後日まとめていきます)

章立て

・改行
・文字サイズ変更
・文字の色変更

改行について

brタグを改行したい文末に入れることで改行することができます。<>で囲われたものをタグと呼びます。

kaigyou
あいうえお<br>あいうえお

2020-03-13 (4).png

文字サイズ変更について

fontタグを使用してフォントのサイズと色を変更することができます。フォントサイズは1から7までの7段階です。

fontsize1
<font size='1'>あいうえお</font><br>
<font size='2'>あいうえお</font><br>
<font size='3'>あいうえお</font><br>
<font size='4'>あいうえお</font><br>
<font size='5'>あいうえお</font><br>
<font size='6'>あいうえお</font><br>
<font size='7'>あいうえお</font>

2020-03-13 (5).png

また、違う方法として、デフォルトの文字サイズ(size='3')から拡大することもできます。

fontsize2
<font size='+1'>あいうえお</font><br>
<font size='+2'>あいうえお</font>

文字色の変更について

fontタグのcolorを利用して色の変更ができます。

fontcolor
<font color='blue'>あいうえお</font><br>
<font color='#0000ff'>あいうえお</font>

2020-03-14 (3).png

2行目の#から始まる数字は16進数の表記で、以下のURLにhtmlの色見本を載せさせていただくので気になった方は見てみてください。
https://www.colordic.org/

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?