【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を学ぼう!「コメント」について【入門編】 2021年2月20日 【HTML】Webサイトの基本のHTMLを学ぼう!「HTMLのスタイル」【入門編】 2020年5月5日 【HTML】Webサイトの基本のHTMLを学ぼう!「色」について【Tutorial】 2021年2月20日 コメントを残す コメントをキャンセルコメントEnter your name or username to comment Enter your email address to comment Enter your website URL (optional) 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。