Thuộc tính trong HTML

Thuộc tính (Attributes) được dùng để đặt các thuộc tính cho phần tử như chiều rộng và chiều cao của hình ảnh hoặc canvas. Tất cả phần tử đều 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="văn bản thay thế">

Việc bao quanh thuộc tính bằng dấu ngoặc kép không bắt buộc theo chuẩn HTML5, nhưng luôn là thói quen tốt để bao quanh chúng.

Xem một số ví dụ sử dụng thuộc tính trong HTML:

Thuộc tính start của <ol> trong HTML

Thuộc tính start của phần tử <ol> được dùng để đặt giá trị bắt đầu của mục danh sách đầu tiên.

Cú pháp

Cú pháp như sau:

<ol start="num">

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

Ví dụ

Ví dụ triển khai thuộc tính start của phần tử <ol>:

<!DOCTYPE html> <html> <body> 
<h1>Kết quả MCA học kỳ trước</h1> 
<h2>Xếp hạng 1-5</h2> 
<ol> 
    <li>Steve</li> 
    <li>David</li> 
    <li>Kane</li> 
    <li>William</li> 
    <li>John</li> 
</ol> 
<h2>Xếp hạng 5-10</h2> 
<ol start="5"> 
    <li>Tom</li> 
    <li>Jack</li> 
    <li>Will</li> 
    <li>Harry</li> 
    <li>Tim</li> 
</ol> 
</body> </html>

Kết quả

Đoạn mã trên sẽ tạo ra kết quả như sau:

Thuộc tính autofocus của <textarea> trong HTML

Thuộc tính autofocus của phần tử <textarea> được dùng để đặt autofocus cho chính textarea khi trang tải. Thuộc tính autofocus cho <textarea> được giới thiệu trong HTML5.

Cú pháp

Cú pháp như sau:

<textarea autofocus>

Ví dụ

Ví dụ triển khai thuộc tính autofocus của phần tử <textarea>:

<!DOCTYPE html> <html> <body> 
<h2>Câu hỏi phỏng vấn</h2> 
<p>Tại sao bạn muốn làm Technical Writer? (100 từ)</p> 
<textarea rows="6" cols="70" autofocus> Viết câu trả lời trong 100 từ... </textarea> 
<p>Điểm mạnh của bạn là gì? (50 từ)</p> 
<textarea rows="4" cols="70" autofocus> Viết câu trả lời trong 50 từ... </textarea> 
</body> </html>

Kết quả

Đoạn mã trên sẽ tạo ra kết quả như sau: