テキスト編




このページはHTML講座のテキスト編です。頑張って身につけましょう!

それではテキスト編行ってみましょう。
まず段落です。
段落とはそのタグで囲まれたものがひとつの範囲(まとまり)であることを表します。
<p></p> です。

<p> 私の名前はD's Freemail です </p>

すると、

私の名前はD's Freemail です

になります。

次は見出しです。
見出しは <h (数字)></h (数字)> です。レベルは6段階まであり、数字が小さくなるにつれて文字も小さくなります。

<h1> 文字1</h1> 
<h2> 文字2</h2> 
<h2> 文字3</h2> 

すると、

文字1

文字2

文字3



のようになります。

次は改行です。
これはホントによく使います。見たまま改行をします。 <br> です。

私は<br>D's Freemail<br>です。

すると、
私は
D's Freemail
です。
のようになります。さあどんどん行きましょう。

お次はNOT改行です。
これは文字通り改行させたくないときに使います。ブラウザで勝手に改行されるのを防ぎます。<nobr></nobr>です。

<nobr>
この文章はとてもじゃないが改行なんてされてしまうか。 改行すると横幅に収まるが、そうは問屋が卸しません。おっとまだまだ文字を書きつらねば ならない。もう書くことね〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜よ。
</nobr>

と、

この文章はとてもじゃないが改行なんてされてしまうか。 改行すると横幅に収まるが、そうは問屋が卸しません。おっとまだまだ文字を書きつらねば ならない。もう書くことね〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜よ。

になります。ハイ、わかりやすいですね。

さて次は入力通りの表示です。
これはソース(HTMLファイル)に等角フォントで書き込んだ通りに出てくれるとても便利なタグです。(但しタグは除きます) <pre></pre>で書きます。

<pre>
わ〜い      わ〜い
"どんとこ〜い"
</pre>

これがそのまんま。。
 わ〜い      わ〜い 
"どんとこ〜い"
になります。
次は強調です。
これも文字通り強調ですね。実際に確かめて見ましょう。<em></em> <strong></strong>の二種類あります。

<em>パートワン!</em>
<strong>パートツー!</strong>

が、

パートワン!
パートツー!

になります。

さて次はソース表示です。
これはソースを載せるときにソースっぽく見せるために使います。等角フォントです。<code></code>で表します。

<code>
Dim i As Integer;
Int i;
</code>

あんまり使いませんかね。

Dim i As Integer;
Int i;

となります。

次はスクロール1です。
これは文字を横にスクロールさせたいときに使います。以外に使えます。IEのみ有効です。<marquee></marquee> と書きます。

<marquee>
文字が流れる〜
</marquee>

もちろん、
文字が流れる〜 流れます。

そしてその応用のスクロール2です
ここでは先ほどのタグに要素を付け足します。
width = スクロールの幅(ピクセル又は%)
bgcolor = スクロールの背景の色
loop = スクロールの回数
direction = スクロールの方向 (left or right)
                                             
では書いてみましょう

<marquee width = "75%" bgcolor = "green" direction = "right" loop = "3" >
今度は3回しか流れないぞ〜。
</marquee>

すると

今度は3回しか流れないぞ〜

というふうになります。使えそうですね^^;

カーソル表示に行きましょう。
これは文字の上にカーソル(マウス)をもってきたときに補足の意味を付け足すものです。 <acronym title></acronym>でくくります。

<acronym title = "United States Of America"> USA </acronym>

下のUSAにマウスを合わせて見ましょう。

USA

表示されましたか?

次は強調表示です。先ほどの強調と似てます。<b></b>
で囲みます。

<b>
強調だ!!
</b>

強調されます。

強調だ!!

ですね。

さてテキスト編の最後は上付き、下付き文字です。
これは文字に上付き、下付き文字をつけるものです。上付きは <sup></sup> 下付きは<sub></sub> で囲みます。

どど〜ん
<sup>上付き</sup>
どど〜ん
<sub>下付き</sub>

すると、

どど〜ん上付き
どど〜ん下付き

になります。
お疲れ様です。次はフォント編です。