ホーム＞コース別ガイド一覧＞段落を作って文章を表示しよう！
使用タグ <p>～</p>タグ
HTML一覧タグ辞典 … <p> タグ
本文に文字を入力するには<p>タグを利用します。 p 要素は段落の前後に一行分の空きができます。ブラウザーに文章を表示するときは、この要素を使いましょう！なお、いくつかの段落に分け、見出しを付けると読みやすくなります。
使用例①
段落を作り長い文章を設定するためには<body></body>タグ内に<p>内容</p>と入力しましょう！
記述例
<html>
<head>
<title>一人暮らしの前向き料理</title>
</head>
<body>
<h1>簡単に作れるワンポイント料理</h1>
<p>料理を少しおいしくするためのワンポイントを紹介します！
</body>
</html> |
|
記述例
<html>
<head>
<title>一人暮らしの前向き料理</title>
</head>
<body>
<h1>簡単に作れるワンポイント料理</h1>
<p>料理を少しおいしくするためのワンポイントを紹介します！</p>
</body>
</html> |
|
使用例の表示
[ブラウザでの表示例]
| 一人暮らしの前向きな料理 |
簡単に作れるワンポイント料理
料理を少しおいしくするためのワンポイントを紹介します！
|
使用例②
では、さらに別の段落を表示してみます。
記述例
<html>
<head>
<title>一人暮らしの前向き料理</title>
</head>
<body>
<h1>簡単に作れるワンポイント料理<h1>
<p>料理を少しおいしくするためのワンポイントを紹介します！</p>
<p>おいしいチャーハンの作り方</p>
</body>
</html> |
使用例の表示
[ブラウザでの表示例]
| 一人暮らしの前向きな料理 |
簡単に作れるワンポイント料理
料理を少しおいしくするためのワンポイントを紹介します！
おいしいチャーハンの作り方
|
このように前後に空きスペースが一行投入されます。
関連情報ページ
|
|
このタグによく使われるCSS
|
|
|
|
|
その他
|
|
|
