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

HTML
    開始属性


    要素のstart属性は、最初のリスト項目の開始値を設定するために使用されます。構文は次のとおりです-

    <ol start="num">

    上記のnumは、最初のリスト項目の開始値に設定された数値です。

      要素-

      のstart属性を実装する例を見てみましょう。

      <!DOCTYPE html>
      <html>
      <body>
      <h1>Last Semester MCA Result</h1>
      <h2>Rank from 1-5</h2>
      <ol>
         <li>Steve</li>
         <li>David</li>
         <li>Kane</li>
         <li>William</li>
         <li>John</li>
      </ol>
      <h2>Rank from 5-10</h2>
      <ol start="5">
         <li>Tom</li>
         <li>Jack</li>
         <li>Will</li>
         <li>Harry</li>
         <li>Tim</li>
      </ol>
      </body>
      </html>

      出力

      HTML ol 開始属性

      上記の例では、ランクを表示する2つの順序付けられていないリストがあります-

      <h2>Rank from 1-5</h2>
      <ol>
         <li>Steve</li>
         <li>David</li>
         <li>Kane</li>
         <li>William</li>
         <li>John</li>
      </ol>
      <h2>Rank from 5-10</h2>
      <ol start="5">
         <li>Tom</li>
         <li>Jack</li>
         <li>Will</li>
         <li>Harry</li>
         <li>Tim</li>
      </ol>

      2番目のリストには、デフォルトの1-

      の代わりにカスタム開始値5を許可する開始属性が表示されます。
      <ol start="5">
         <li>Tom</li>
         <li>Jack</li>
         <li>Will</li>
         <li>Harry</li>
         <li>Tim</li>
      </ol>

  1. HTMLDOMnextSiblingプロパティ

    HTML DOM nextSiblingプロパティは、指定された要素ノードの直後にある要素ノードを返します。 注:このプロパティは、テキストノードとコメントノードを無視しません。 以下は構文です- nextSiblingノードを返す nodeList.nextSibling HTML DOM nextSiblingの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM nextSibling</title> <style>  

  2. HTMLDOMnextElementSiblingプロパティ

    HTML DOM nextElementSiblingプロパティは、指定された要素ノードの直後にある要素ノードを返します。 注:このプロパティは、テキストノードとコメントノードを無視します。 以下は構文です- nextElementSiblingノードを返す nodeList.nextElementSibling HTML DOM nextElementSiblingの例を見てみましょう。 プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM nextElementSibling&