ドットインストール HTML入門5～6

基本的な文章表現

文章を書き出すための基本的なタグ。

<p>

段落を表し、囲った内部の文章を一段落とする。

<h1>大見出し</h1>
<h2>中見出し</h2>
<h3>小見出し</h3>
<p>こんにちは！<br>こんにちは！</p>
<p>こんにちは！</p>
<hr>
<p>こんにちは！</p>
<p>こんにちは！</p>
<p>こんにちは！</p>
<p><strong>こんにちは！</strong></p>

<h1～6>

見出しを作るためのタグ、囲った内部を見出しとして強調表示する。

hの後の数字が少なければ少ないほど大見出しとなる。

サイズ指定はスタイルシートで行いこのタグはあくまで見出しとして使用する。

打ち間違いで気付いたが、始めと終わりの数字は一致していなくても働く模様。

例えば「<h1>こんにちは！</h3>」という形でも普通に<h1>で囲うのと同様に作用した。

<br>

改行。

同一のコンテンツ内で改行が欲しい時に使用する。

ただ文章を改行したいだけならば別の段落にするだけで良い。

<hr>

区切りとして用い水平線として表される。

<strong>

囲った内部の重要度を高くし強調する。

入れ子状にした場合は内部がより重要なものとして扱われる。

太字で表されるが、表示としては<em>タグや<b>タグも同様である。

<ul>
    <li>Apple</li>
    <li>Banana</li>

</ul>
<ol>
    <li>Apple</li>
    <li>Banana</li>
</ol>

<ul>

箇条書き表示をしたい時に用いる。

囲った内部に各要素を<li>で括るようにして記述する。

<ol>

<ul>と同じく箇条書きのタグだがこちらは番号付き。

start属性の値に数字を書くことで開始番号を変えることができる。

もしリストの途中で値を変えたい場合などは<li>のvalue属性の値に書き込む。

value属性の値が指定された後の<li>に指定がない場合はその続きの番号が選択される。