HTMLで段落を追加する方法を初心者向けに解説
HTMLで段落を追加するには、<p>タグを使用します。<p>タグは、文章の段落(パラグラフ)を定義するための最も基本的な要素です。開始タグ<p>と終了タグ</p>で囲んだテキストが、ひとつの段落として表示されます。
ブラウザは各段落の前後に自動的に余白(マージン)を挿入するため、CSSで特別な設定をしなくても、段落同士が見やすく区切られて表示されます。
コード例
以下のコードを実行して、HTMLにおける<p>タグの使い方を確認してみましょう。
<!DOCTYPE html> <html> <head> <title>HTML pタグの例</title> </head> <body> <p>これはデモ用のテキストです。</p> </body> </html>
ポイント
・段落は必ず<p>〜</p>で囲みます。
・複数の段落を続けて記述しても、それぞれが独立したブロックとして表示されます。
・改行だけを行いたい場合は<br>タグを、意味的なまとまりを持たせたい場合は<p>タグを使い分けるとよいでしょう。
-
HTML Webページにオーディオプレーヤーを追加する方法
HTMLでのオーディオ再生の基本Webページに音声を埋め込むには、HTMLの<audio>要素を使用します。この要素にcontrols属性を追加すると、再生・一時停止・音量調整などができるオーディオプレーヤーがブラウザ上に表示されます。対応している音声フォーマットHTMLの<audio>要素でサポートされている主な音声フォーマットは以下の3つです。MP3(audio/mpeg)― 最も広く使われている形式で、ほぼすべてのブラウザで再生可能Wav(audio/wav)― 非圧縮の高音質形式だが、ファイルサイズが大きくなりがちOgg(audio/ogg)― オープンソースの
-
HTMLで要素に値を追加するには?value属性の使い方を解説
HTMLで要素に値を設定するには、value属性を使用します。value属性は、フォーム送信時にサーバーへ送られる初期値や、要素が持つ現在の値を指定するために使われます。 value属性が使用できる要素 value属性は、以下のHTML要素で利用できます。 <button> … ボタンのラベルとして送信される値 <input> … 入力フィールドの初期値 <li> … 順序付きリスト(<ol>)内での項目の開始番号 <option> … 選択肢としてサーバーへ送信される値 <meter> … 計測範囲内における現在の値