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 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 autofocus của phần tử
Sau đây là cú pháp -
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ử
Điều này sẽ tạo ra kết quả sau -
Cú pháp
<textarea autofocus>
Ví dụ
<!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