HTMLの練習
2020-11-22
HTMLの練習

ブログルの他のブログとの違いは、幾つかあるけどその中でもHTMLが自由に使えるのも強みで、面白い。

■タイトルの文字の大きさを変える
<H1>タイトルH1</H1>
<H2>タイトルH2</H2>
<H3>タイトルH3</H3>
<H4>タイトルH4</H4>
<H5>タイトルH5</H5>

タイトルH1


タイトルH2


タイトルH3


タイトルH4


タイトルH5


■本文の文字の大きさを変える
<font size=5>フォントサイズ = 5</font>
<font size=4>フォントサイズ = 4</font>
<font size=3>フォントサイズ = 3</font>
<font size=2>フォントサイズ = 2</font>
<font size=1>フォントサイズ = 1</font>

フォントサイズ = 5
フォントサイズ = 4
フォントサイズ = 3
フォントサイズ = 2
フォントサイズ = 1

■本文の文字を今の文字より、小さく・大きくする
<font size=-2>フォントサイズ = -2</font>
<font size=-1>フォントサイズ = -1</font>
<font size=+1>フォントサイズ = +1</font>
<font size=+2>フォントサイズ = +2</font>
<font size=+3>フォントサイズ = +3</font>
<font size=+4>フォントサイズ = +4</font>

フォントサイズ = -2
フォントサイズ = -1
フォントサイズ = +1
フォントサイズ = +2
フォントサイズ = +3
フォントサイズ = +4

■文字に色をつける
<font color="RED">フォントカラー = RED</font>
<font color="BLUE">フォントカラー = BLUE</font>

フォントカラー = RED
フォントカラー = BLUE

■文字を太文字にする
ここから<B>太文字</B>です
ここから太文字です

■文章をセンタリングする
<center>
ここに書かれる文字は
すべてセンタリングして
表示されます。
</center>


ここに書かれる文字は
すべてセンタリングして
表示されます。


■リンクを貼る(リンクに飛ぶ、リンクの別窓を開く)
<a href="https://sakamotoyumiko.com">sakamotoyumiko.com</a>

<a href="https://sakamotoyumiko.com" target="new">sakamotoyumiko.com</a>

sakamotoyumiko.com

sakamotoyumiko.com

■マーカーをひく
私の名前は<mark>坂本祐央子</mark>です

私の名前は坂本祐央子です

■文字のあわせ技!
<font size=+2 color="red">フォントの<b>複数</b>属性</font>

フォントの複数属性

■テーブルをつくる
<table border=1>
<tr>
<td width=20 align="center">1</td>
<td width=20 align="center">2</td>
<td width=20 align="center">3</td>
<td width=20 align="center">4</td>
<td width=20 align="center">5</td>
<td width=20 align="center">6</td>
<td width=20 align="center">7</td>
</tr>
<tr>
<td width=20 align="center">8</td>
<td width=20 align="center">9</td>
<td width=20 align="center">10</td>
<td width=20 align="center">11</td>
<td width=20 align="center">12</td>
<td width=20 align="center">13</td>
<td width=20 align="center">14</td>
</tr>
<tr>
<td width=20 align="center">15</td>
<td width=20 align="center">16</td>
<td width=20 align="center">17</td>
<td width=20 align="center">18</td>
<td width=20 align="center">19</td>
<td width=20 align="center">20</td>
<td width=20 align="center">21</td>
</tr>
<tr>
<td width=20 align="center">22</td>
<td width=20 align="center">23</td>
<td width=20 align="center">24</td>
<td width=20 align="center">25</td>
<td width=20 align="center">26</td>
<td width=20 align="center">27</td>
<td width=20 align="center">28</td>
</tr>
<tr>
<td width=20 align="center">29</td>
<td width=20 align="center">30</td>
<td width=20 align="center"></td>
<td width=20 align="center"></td>
<td width=20 align="center"></td>
<td width=20 align="center"></td>
<td width=20 align="center"></td>
</tr>
</table>

1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28 坂本祐央子
29 30





・*:.。. ☆☆.。.:*・゜゚・*:.。. ☆☆.。.:*・゜゚・*:.。. ☆☆.。.:*・

坂本 祐央子(さかもと ゆみこ)

オンライン、対面の研修を通して、人材育成コンサルタントをしています。
自宅で学べるオンラインコーチング講座の様子はこちらの動画もどうぞ
女性の活躍を後押しする事業 岩手県ワークライフバランスセミナー

・*:.。. ☆☆.。.:*・゜゚・*:.。. ☆☆.。.:*・゜゚・*:.。. ☆☆.。.:*・



#ブログル #坂本祐央子 #コーチング #人間関係のエンゲージメント#組織で力を発揮できる人材を育てるプロ