HTMLタグの使い分け|div・p・span・h1〜h3・asideを初心者向けに解説
div、p、span、h1〜h3、asideタグの違いと使い分けを初心者向けに解説します。divの使いすぎ、pタグにdivを入れるNG例、見出しタグの順番、asideの使い方まで、HTMLの意味とCSSの表示を分けて整理します。
プログラミングの独学サイトです。
CATEGORY
HTMLに関する基礎、実装例、トラブル解決の記事をまとめています。
div、p、span、h1〜h3、asideタグの違いと使い分けを初心者向けに解説します。divの使いすぎ、pタグにdivを入れるNG例、見出しタグの順番、asideの使い方まで、HTMLの意味とCSSの表示を分けて整理します。
HTMLのtableでtd内のテキストが改行されない原因と、CSSで折り返す方法を解説します。長いURLや英数字、white-space: nowrap、table-layout、overflow-wrap、word-break、HTMLメールでの注意点まで整理します。
aタグとpタグの正しい使い分けを解説します。pタグの中にaタグを書く基本形、文章全体をリンクにする書き方、カード全体をクリックできるリンクにする方法、避けたいNG例をHTMLとCSSの例で整理します。
HTMLで改行されない原因を、brタグ、pタグ、preタグ、CSSのwhite-space、HTMLメール、brがそのまま表示されるケースに分けて解説します。改行コードを反映したい場合や、CSSで折り返しを制御したい場合の直し方も紹介します。
HTMLは、文書の意味を考えて、コンピュータが理解できるように適切に印をつける(マークアップする)言語です。 その印のことをタグといい、そのタグで囲むことでマークアップすることができます。 ではそのHTMLタグの仕組みを…
htmlでは、リストを表示することができます。 そのリストには、三種類あります。 箇条書きリスト 順序付きリスト 説明リスト それぞれのリストの書き方と使い分けをみていきましょう。 箇条書きリスト 箇条書きは上の通り、 …
HTMLでは、お問い合わせフォームや、アンケートのフォームを簡単につくることができます。 いろんな便利なフォームがあるのですが、使う際に注意しておかないと、フォームの利用が困惑したり、思った結果が得られない場合があります…