Thuộc tính

1. Thuộc tính

Thẻ mở có thể chứa thông tin kỹ thuật đặc biệt — thuộc tính. Thẻ đóng thì không thể chứa thuộc tính. Cú pháp chung của thuộc tính như sau:

<tag name1="value1" name2="value2">  

Ví dụ về thẻ có thuộc tính — liên kết:

      
<a href="http://codegym.cc/about" target="_blank">
    Liên kết tới điều thú vị
</a>
      
    

Mỗi thuộc tính được định nghĩa bằng một cặp tên và giá trị. Số lượng thuộc tính có thể không giới hạn.

Một lập trình viên cẩn thận sẽ ngay lập tức đặt câu hỏi: làm thế nào nếu giá trị của một thuộc tính cần chứa các ký tự «<», «>» hoặc dấu ngoặc kép?

Bên trong tài liệu HTML, chúng không thể được sử dụng. Có cách viết đặc biệt cho chúng:

Sự thay thế này gọi là escaping ký tự. Sau này chúng ta sẽ bàn thêm về điều này.

2. Hình ảnh

Thẻ <img> được dùng để chèn hình ảnh vào trang web. Đây là thẻ đơn, tức là không có thẻ đóng. Các thuộc tính quan trọng:

• src — chỉ định đường dẫn tới ảnh.
• alt — mô tả ảnh, hữu ích cho công cụ tìm kiếm và trong trường hợp ảnh không thể tải được.

Ví dụ:

      
<img src="image.jpg" alt="Mô tả hình ảnh">
      
    

3. Liên kết

Thẻ <a> được dùng để tạo hyperlink (siêu liên kết). Thuộc tính chính của thẻ này:

• href — chỉ định URL (địa chỉ) trang hoặc tài nguyên mà liên kết dẫn đến.
• target — xác định nơi liên kết sẽ mở (ví dụ, _blank để mở trong tab mới).

      
<a href="https://www.example.com">Đi tới Example.com</a>