HTMLの練習
2020-11-22
■本文の文字の大きさを変える
<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>
・*:.。. ☆☆.。.:*・゜゚・*:.。. ☆☆.。.:*・゜゚・*:.。. ☆☆.。.:*・
坂本 祐央子(さかもと ゆみこ)
オンライン、対面の研修を通して、人材育成コンサルタントをしています。
自宅で学べるオンラインコーチング講座の様子はこちらの動画もどうぞ
女性の活躍を後押しする事業 岩手県ワークライフバランスセミナー
・*:.。. ☆☆.。.:*・゜゚・*:.。. ☆☆.。.:*・゜゚・*:.。. ☆☆.。.:*・
ブログルの他のブログとの違いは、幾つかあるけどその中でも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 |
・*:.。. ☆☆.。.:*・゜゚・*:.。. ☆☆.。.:*・゜゚・*:.。. ☆☆.。.:*・
坂本 祐央子(さかもと ゆみこ)
オンライン、対面の研修を通して、人材育成コンサルタントをしています。
自宅で学べるオンラインコーチング講座の様子はこちらの動画もどうぞ
女性の活躍を後押しする事業 岩手県ワークライフバランスセミナー
・*:.。. ☆☆.。.:*・゜゚・*:.。. ☆☆.。.:*・゜゚・*:.。. ☆☆.。.:*・
#ブログル #坂本祐央子 #コーチング #人間関係のエンゲージメント#組織で力を発揮できる人材を育てるプロ