段落を作るタグ
<p>〜</p>は段落ができるタグ
pタグで囲まれたテキストや画像は、 一つのparagraph(グループ)と判断され、前後に一行分改行されます。<p>
ここへ文字
</p>
ここへ文字
</p>
<p>タグのクラス指定
任意のクラス名で属性を記述し、あらかじめスタイルシートに設定しておくと、段落内が見栄えの良いものになります。<head>と</head>の間に下記のように記述します。
<style type="text/css">
<!--
.sample1 {color:#666666; line-height:200%;}
.sample2 {color:#3333cc; line-height:150%; font-size:16px;}
-->
</style>
html<!--
.sample1 {color:#666666; line-height:200%;}
.sample2 {color:#3333cc; line-height:150%; font-size:16px;}
-->
</style>
<p class="sample1">今は昔、竹取の翁(おきな)といふ者ありけり。
野山にまじりて竹を取りつつ、よろづのことに使ひけり。</p>
<p class="sample2">今は昔、竹取の翁(おきな)といふ者ありけり。
野山にまじりて竹を取りつつ、よろづのことに使ひけり。</p>
段落内のスタイルを、sample1では、文字色をグレー、行を200%に指定しています。sample2では、文字色を青、行を150%、さらに文字サイズを16pxに指定しています。野山にまじりて竹を取りつつ、よろづのことに使ひけり。</p>
<p class="sample2">今は昔、竹取の翁(おきな)といふ者ありけり。
野山にまじりて竹を取りつつ、よろづのことに使ひけり。</p>
実際のウェブ上での見え方です。
今は昔、竹取の翁(おきな)といふ者ありけり。
野山にまじりて竹を取りつつ、よろづのことに使ひけり。
今は昔、竹取の翁(おきな)といふ者ありけり。
野山にまじりて竹を取りつつ、よろづのことに使ひけり。
行間を指定する 文字間を指定する スクロールバーの色 流れる文字
●当サイトのソースは、IE6.0+のみ動作確認をしております。 それ以外のブラウザ、特にネットスケープでは正しく作動しない場合がございます。ご了承下さい。
★skip ページtop