: 段落タグに使用されます;

: タイトルの作成に使用され、h1 は最高レベルのタイトルを表し、h6 は最低レベルのタイトルを表します;

: 順序なしリストの作成に使用されます;

• : 使用されます順序なしリストの各項目;
  
  : 順序付きリストの作成に使用されます。

  インライン要素とブロックレベル要素の特性をさらに説明するために、いくつかの具体的な例を見てみましょう。

  <p>这是一个段落元素，是一个典型的块级元素。</p>
  
  <span style="color: red;">这是一个行内元素，可以通过设置CSS样式来改变其外观。</span>
  
  <a href="https://www.example.com">这是一个超链接元素，它会自动换行。</a>
  
  <div style="background-color: yellow; width: 200px; height: 100px;">这是一个块级容器，我们可以设置它的宽度和高度，在页面上独占一行。</div>
  
  <ul>
    <li>这是无序列表的第一项。</li>
    <li>这是无序列表的第二项。</li>
    <li>这是无序列表的第三项。</li>
  </ul>
  
  <h1>这是一个级别为1的标题。</h1>
  <h2>这是一个级别为2的标题。</h2>

  ログイン後にコピー

  上記のコードは、さまざまなタイプの要素の使用法と特性を示しています。ブロックレベルの要素は自動的に新しい行を作成し、1 行の幅を占めますが、インライン要素はコンテキストに従って自動的に配置され、他の要素と行の幅を共有します。

  HTML5 の要素の属性とスタイルは CSS を通じて設定できるため、要素の外観と動作をより適切に制御できることに注意してください。

  要約すると、インライン要素とブロックレベル要素は異なる特性と用途を持ち、そのスタイルは CSS を通じて制御できます。これらの要素の特性を学び、習得することは、Web ページを構築し、美しくするために非常に重要です。継続的な練習と実験を通じて、開発者はこれらの要素をより深く理解し、適用して、より豊かで魅力的な Web ページを作成できるようになります。