【HTML】Webサイトの基本のHTMLを学ぼう!「HTMLの段落」【入門編】 投稿者:Ka-Chan 投稿公開日:2020年4月27日 投稿カテゴリー:HTML 投稿コメント:0件のコメント こんにちは、Ka-Chanです。こちらの記事は、私のメモのようなものです。HTMLを取得するにつれて学んだことを記事にしてまとめています。参考になったらと思います。それでは、今回は「HTMLの段落」についてです HTMLの開発環境を用意しよう! HTMLとは? HTMLの基本 HTMLの要素 HTMLの属性 HTMLの見出し HTMLの段落 HTMLのスタイル HTMLの書式 HTMLの引用 HTMLのコメント HTMLの色 HTMLの段落 HTMLの段落について HTMLの<p>要素は段落を意味します。下記が例です。 See the Pen zYvobXw by Nakashima (@ka-chan) on CodePen. ※(注意)ブラウザーは、段落の前後に空白(マージン)を自動的に追加します。 HTMLの表示について HTMLの表示方法がわかりません。大画面または小画面、ウィンドウのサイズを変更すると、表示される結果異なります。HTMLでは、HTMLコードにスペースや行を追加して出力を変更することはできません。ブラウザーは、ページが表示されるときに余分なスペースと行を削除します。 See the Pen GRpmxYM by Nakashima (@ka-chan) on CodePen. HTMLの改行の仕方 HTMLで改行をするときは<br>要素を使用します。何度か説明をしていると思いますが、<br>要素は終了タグを持たない空の要素です。<br>要素を使えば改行はできますが、いちいち<br>要素をつけるのも面倒な方は、この要素を使うとよいかもしれません。<pre>要素です。下記のコードを見ればわかると思いますが、改行ができています。海外のサイトの説明では、詩などの文書を入れるときに使用するみたいですが、普通に使っても大丈夫です。 See the Pen PoPmRVQ by Nakashima (@ka-chan) on CodePen. ※(注意)上記の例でもわかるようにcssの変更などはしていなが、フォントのサイズや種類などが変わっています。それから、空白(マージン)なども自動的に追加されます。 それでは、こちらの記事はこれで終わりです。ザックり説明していきましたが、少しでも参考になったらと思います。次の記事はこちらです。 タグ: HTML Please Share This Share this content Opens in a new window Opens in a new window Opens in a new window Opens in a new window Opens in a new window Opens in a new window Opens in a new window Opens in a new window Opens in a new window Opens in a new window Opens in a new window その他の記事を読む 前の投稿【HTML】Webサイトの基本のHTMLを学ぼう!「HTMLの見出し」【入門編】 次の投稿【HTML】Webサイトの基本のHTMLを学ぼう!「HTMLのスタイル」【入門編】 おすすめ 【HTML】Webサイトの基本のHTMLを学ぼう!「HTMLの基本」【入門編】 2020年4月23日 【HTML】Webサイトの基本のHTMLを学ぼう!「HTMLの書式」【入門編】 2020年5月10日 【HTML】Webサイトの基本のHTMLを学ぼう!「HTMLの見出し」【入門編】 2020年4月25日 コメントを残す コメントをキャンセルコメントコメントする名前またはユーザー名を入力してください メールアドレスを入力してコメント Web サイトの URL を入力してください。(任意) 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。