HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

リストの箇条書きとHTMLのテキストの間にスペースを作成するにはどうすればよいですか？

リストの箇条書きとHTMLのテキストの間にスペースを作成するには、CSSパディングプロパティを使用します。左パディングパディング-左は

    タグリストアイテム、つまり
  • タグに追加されます。これにより、パディングが追加され、リストの箇条書きとHTMLのテキストの間にスペースが作成されます。
    リストの箇条書きとHTMLのテキストの間にスペースを作成するにはどうすればよいですか？

    例 ディスクの箇条書きを含む次の順序付けられていないリストがあります

    <!DOCTYPE html>
<html>
   <head>
      <title>HTML List</title>
   </head>
   <body>
      <h1>Developed Countries</h1>
      <p>The list of developed countries:</p>
      <ul style="list-style-type:disc">
         <li>US</li>
         <li>Australia</li>
         <li>New Zealand</li>
      </ul>
   </body>
</html>

    例

    次のコードを実行して、リストの箇条書きとHTMLのテキストの間にスペースを追加してみてください。上記と同じコードを使用しており、間隔を空けるために左のパディングを追加します

    <!DOCTYPE html>
<html>
   <head>
      <title>HTML Lists</title>
   </head>
   <body>
      <h1>Developed Countries</h1>
      <p>The list of developed countries:</p>
      <ul style="list-style-type:disc">
         <li style="padding-left:1em">US</li>
         <li>Australia</li>
         <li>New Zealand</li>
      </ul>
   </body>
</html>

  1. HTMLでディスクの箇条書きを使用して順序付けされていないリストを作成するにはどうすればよいですか？

    HTMLで順序なしリストを作成するには、タグを使用します。順序付けされていないリストは、タグで始まります。リストアイテムはタグで始まり、ディスク、正方形、円などとしてマークされます。デフォルトは箇条書きで、小さな黒い円です。 丸で囲まれた順序なしリストを作成するには、CSSプロパティlist-style-typeを使用します。 style属性を使用します。 style属性は、要素のインラインスタイルを指定します。この属性は、HTMLのタグとともに使用され、CSSプロパティのlist-style-typeを使用して、順序付けされていないリストに円の箇条書きを追加します。 style属性の使用

  2. HTMLで複数行のテキスト入力（テキスト領域）を作成するにはどうすればよいですか？

    複数行のテキスト入力を作成するには、HTMLのタグを使用します。 cols属性とrows属性を使用して、テキスト領域のサイズを設定できます。フォーム内で使用され、ユーザーが複数の行にテキストを入力できるようにします。 タグの属性は次のとおりです- 属性 値 説明 オートフォーカス オートフォーカス ページの読み込み時にテキスト領域が自動的にフォーカスを取得するように指定します。 列 数値 表示される文字幅の数に基づいて、テキストエリアの幅を指定します。 無効 無効 表示される文字幅の数に基づいて、テキストエリアの幅を指定します。