テキストに関するタグ

見出しをつける

  書式:<h1> 〜 </h1>

見出しは大きいフォントで表示され、見出し行の後には広めの改行が入る。見出しタグはフォントの大きさによって、<h1> 〜 </h1>、……、<h6> 〜 </h6>の6通りの見出しがある。、<h1> 〜 </h1>の見出しのフォントサイズがもっとも大きく、<h6> 〜 </h6>のフォントサイズが最小となる。

これが"h1"の大きさ

これが"h2"の大きさ

これが"h3"の大きさ

これが"h4"のふつうの大きさ

これが"h5"の小ささ
これが"h6"の小ささ
これが"h7"で多分普通の大きさになるはずです
整形済みで表示

  書式:<pre> 〜 </pre>

半角の空白やタブ、改行などをそのまま表示させたい場合は<pre> 〜 </pre>タグを用いる。改行するたびに<br>タグを入れる必要が無いなど書くときには簡単であるが、本来HTML文章はブラウザが自動的に整形して表示するという目的からはずれ、文字数が多い行などは自動折り返しされない。このため、ブラウザのウインドウを横幅いっぱいに広げないと一部が隠れてしまう。
<pre>
整形済みタグを使うと
   空白や
        改行がそのまま表示されます
</pre>
整形済みタグを使うと
   空白や
        改行がそのまま表示されます
改行を入れる

  書式:<br>

<pre> 〜 </pre>タグを使わない場合、改行を行いたいところで<br>タグを入れる。
ここで改行タグを使うと<br>改行されます
ここで改行タグを使うと
改行されます
段落を設定する

  書式:<p> 〜 </p>

段落の設定は<p> 〜 </p>タグを用いる。<p> 〜 </p>タグを用いると、行単位の左揃え、中揃えのレイアウトを簡単に設定できる。<p>タグ単独で用いると改行した上でさらに1行の空白を挿入する。
ここで段落タグを使うと<p>段落となって改行と1行分空白が空きます</p>
ここで段落タグを使うと

段落となって改行と1行分空白が空きます

上付き文字、下付き文字

  書式:<sup> 〜 </sup> (上付き文字)

  書式:<sub> 〜 </sub> (下付き文字)

<sup> 〜 </sup>または<sub> 〜 </sub>で挟まれた部分が小さめの上付きまたは下付き文字で表示される。
上付きの例として例えば円の面積を表すと、πr<sup>2</sup>となり
下付きの例として例えば二酸化炭素を表すと、CO<sub>2</sub>となる
上付きの例として例えば円の面積を表すと、πr2となり
下付きの例として例えば二酸化炭素を表すと、CO2となる
プログラムなどの表示

  書式:<code> 〜 </code>

プログラムなどの表示には<code> 〜 </code>タグを用いる。
<pre>
<code>
int main(void){
  return(0);
}
</code>
</pre>
int main(void){
  return(0);
}

ブラウザの[戻る]で戻って下さい。