Computer >> Máy Tính >  >> Lập trình >> HTML

Thuộc tính HTML

Các thuộc tính được sử dụng để đặt các thuộc tính cho một phần tử như chiều rộng và chiều cao của hình ảnh hoặc canvas. Tất cả các phần tử có thể có thuộc tính và cung cấp thêm thông tin. Thuộc tính có tên cũng như giá trị -

Ví dụ -

<canvas id=”newCanvas” width=”400” height=”300”>

Các ví dụ khác bao gồm -

<img alt=”alternate text”>

Theo tiêu chuẩn HTML5, việc bao gồm các dấu ngoặc kép xung quanh một thuộc tính là không bắt buộc, nhưng luôn luôn là một phương pháp hay để bao gồm các dấu ngoặc kép.

Bây giờ chúng ta hãy xem một số ví dụ về việc sử dụng thuộc tính trong HTML -

HTML
    start Attribute

Thuộc tính start của phần tử

    được sử dụng để đặt giá trị bắt đầu của mục danh sách đầu tiên.

    Cú pháp

    Sau đây là cú pháp -

    <ol start="num">

    Ở trên, num là số được đặt cho giá trị bắt đầu của mục danh sách đầu tiên.

    Ví dụ

    Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính start của phần tử

      -

      <!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>

      Đầu ra

      Điều này sẽ tạo ra kết quả sau -

      Thuộc tính HTML

      Thuộc tính lấy nét tự động HTML

      Thuộc tính autofocus của phần tử

      Cú pháp

      Sau đây là cú pháp -

      <textarea autofocus>

      Ví dụ

      Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính lấy nét tự động của phần tử

      <!DOCTYPE html>
      <html>
      <body>
      <h2>Interview Questions</h2>
      <p>Why do you want go for the Technical Writer Job Profile? (100 words)</p>
      <textarea rows="6" cols="70" autofocus>
      Write the answer in 100 words only...
      </textarea>
      <p>What are your strengths? (50 words)</p>
      <textarea rows="4" cols="70" autofocus>
      Write the answer in 50 words only...
      </textarea>
      </body>
      </html>

      Đầu ra

      Điều này sẽ tạo ra kết quả sau -

      Thuộc tính HTML