強制的に改行を入れることができます。文字に色をつけることもできます。
●強制的改行には"<br>"と記入します。
●色をつけられる文字
「教材」の教材名、説明、問題の表と裏
「外国語ノート」のテキスト名、原文章の一部、翻訳
「愉快な言葉」
●'<色名>...<>'で囲うと文字に色をつけることができます。
赤
I have a <red>dream<>.
I have a dream.
緑
I have a <green>dream<>.
I have a dream.
青
I have a <blue>dream<>.
I have a dream.
red,
green,
blue,
black,
silver,
gray,
white,
maroon,
purple,
fuchsia,
lime,
olive,
yellow,
navy,
teal,
aqua,
色番号指定(#rrggbb)
I have a <#9966FF>dream<>.
I have a dream.
色番号例
(赤緑青の値を16進数で表します)
#000000 #330000 #660000 #990000 #cc0000 #ff0000
#003300 #333300 #663300 #993300 #cc3300 #ff3300
#006600 #336600 #666600 #996600 #cc6600 #ff6600
#009900 #339900 #669900 #999900 #cc9900 #ff9900
#00cc00 #33cc00 #66cc00 #99cc00 #cccc00 #ffcc00
#00ff00 #33ff00 #66ff00 #99ff00 #ccff00 #ffff00
#000033 #330033 #660033 #990033 #cc0033 #ff0033
#003333 #333333 #663333 #993333 #cc3333 #ff3333
#006633 #336633 #666633 #996633 #cc6633 #ff6633
#009933 #339933 #669933 #999933 #cc9933 #ff9933
#00cc33 #33cc33 #66cc33 #99cc33 #cccc33 #ffcc33
#00ff33 #33ff33 #66ff33 #99ff33 #ccff33 #ffff33
#000066 #330066 #660066 #990066 #cc0066 #ff0066
#003366 #333366 #663366 #993366 #cc3366 #ff3366
#006666 #336666 #666666 #996666 #cc6666 #ff6666
#009966 #339966 #669966 #999966 #cc9966 #ff9966
#00cc66 #33cc66 #66cc66 #99cc66 #cccc66 #ffcc66
#00ff66 #33ff66 #66ff66 #99ff66 #ccff66 #ffff66
#000099 #330099 #660099 #990099 #cc0099 #ff0099
#003399 #333399 #663399 #993399 #cc3399 #ff3399
#006699 #336699 #666699 #996699 #cc6699 #ff6699
#009999 #339999 #669999 #999999 #cc9999 #ff9999
#00cc99 #33cc99 #66cc99 #99cc99 #cccc99 #ffcc99
#00ff99 #33ff99 #66ff99 #99ff99 #ccff99 #ffff99
#0000cc #3300cc #6600cc #9900cc #cc00cc #ff00cc
#0033cc #3333cc #6633cc #9933cc #cc33cc #ff33cc
#0066cc #3366cc #6666cc #9966cc #cc66cc #ff66cc
#0099cc #3399cc #6699cc #9999cc #cc99cc #ff99cc
#00cccc #33cccc #66cccc #99cccc #cccccc #ffcccc
#00ffcc #33ffcc #66ffcc #99ffcc #ccffcc #ffffcc
#0000ff #3300ff #6600ff #9900ff #cc00ff #ff00ff
#0033ff #3333ff #6633ff #9933ff #cc33ff #ff33ff
#0066ff #3366ff #6666ff #9966ff #cc66ff #ff66ff
#0099ff #3399ff #6699ff #9999ff #cc99ff #ff99ff
#00ccff #33ccff #66ccff #99ccff #ccccff #ffccff
#00ffff #33ffff #66ffff #99ffff #ccffff #ffffff
次の html タグを入れることもできます。
(文字修飾) "b", "del", "em", "i", "ins", "q", "s", "small", "strong", "sub", "sup", "u",
"ruby", "rb", "rp", "rt", "rbc", "rtc",
( "big", "font", "tt", )
(改行) "br", "wbr", "span",
(段落と見出し) "div", "p",
"h1", "h2", "h3", "h4", "h5", "h6",
"code", "pre", "var",
(リスト) "ol", "ul", "li",
(表) "table", "tr", "th", "td", "thead", "tbody", "tfoot", "caption",
(リンク) "a", "iframe",
(画像) "img",
(拡張) "input/select/option/textarea" (ただし name= は利用不可), "script", "style", "canvas"
(音声・動画) "audio", "video", "track", "source",
(コメント) "<!--", "-->", (コメントのネストはできません。)
[注意]
標準htmlでは、html 中の改行文字は、空白文字として扱われますが、
やる勉の記法では、標準htmlの強制改行 "<br>" に変換されます。
ただし、"<table>"と"</table>"で囲んだ範囲中の改行文字は、空白文字として扱われます。
それでも、複雑なhtmlを書きたいときに、改行の解釈の差が目立つと予想されます。
対策として、やる勉独特のタグ"<igbr>"と"</igbr>"を用意してあります。
"<igbr>"と"</igbr>"で囲んだ範囲中の改行文字は、空白文字として扱われます。
[スタイルシートを使ったテーブルの例]
ソースコード
<igbr>
<style type="text/css">
.table3 {
border-collapse: collapse;
}
.table3 th {
border: 1px solid gray;
}
.table3 td {
border: 1px solid gray; text-align: right;
}
</style>
<table class="table3">
<tr><th>Item</th><th>USA</th><th>France</th><th>Germany</th><th>Italy</th><th>The Netherlands</th></tr>
<tr><th>Apples</th><td>41.67</td><td>35.29</td><td>25.00</td><td>36.00</td><td>8.11</td></tr>
<tr><th>Bread</th><td>29.17</td><td>29.41</td><td>40.00</td><td>40.00</td><td>62.16</td></tr>
<tr><th>Cheese</th><td>12.50</td><td>5.88</td><td>5.00</td><td>24.00</td><td>13.51</td></tr>
<tr><th>Chicken</th><td>0.00</td><td>0.00</td><td>0.00</td><td>4.00</td><td>2.70</td></tr>
<tr><th>Fish</th><td>0.00</td><td>11.76</td><td>10.00</td><td>4.00</td><td>13.51</td></tr>
<tr><th>Lemons</th><td>29.17</td><td>20.59</td><td>30.00</td><td>16.00</td><td>51.35</td></tr>
<tr><th>Onions</th><td>0.00</td><td>0.00</td><td>5.00</td><td>20.00</td><td>0.00</td></tr>
<tr><th>Shellfish</th><td>4.17</td><td>11.11</td><td>20.00</td><td>4.00</td><td>56.76</td></tr>
</table>
</igbr>
表示
| Item | USA | France | Germany | Italy | The Netherlands |
|---|
| Apples | 41.67 | 35.29 | 25.00 | 36.00 | 8.11 |
|---|
| Bread | 29.17 | 29.41 | 40.00 | 40.00 | 62.16 |
|---|
| Cheese | 12.50 | 5.88 | 5.00 | 24.00 | 13.51 |
|---|
| Chicken | 0.00 | 0.00 | 0.00 | 4.00 | 2.70 |
|---|
| Fish | 0.00 | 11.76 | 10.00 | 4.00 | 13.51 |
|---|
| Lemons | 29.17 | 20.59 | 30.00 | 16.00 | 51.35 |
|---|
| Onions | 0.00 | 0.00 | 5.00 | 20.00 | 0.00 |
|---|
| Shellfish | 4.17 | 11.11 | 20.00 | 4.00 | 56.76 |
|---|
改行や色の付け方