Thuộc tính trong HTML

  • Nguyễn Lê Điệp
  • 15-12-2016
  • 645
  • 0
  • 3
  • 0
  • Bài viết được đăng tại kennis.vn - không copy dưới mọi hình thức.

    Thuộc tính

    Tất cả các phần tử trong HTML đều có thuộc tính.
    Các thuộc tính ra đời nhằm mục đích nêu lên các thông tin về một phần tử nào đó trong HTML.
    Các thuộc tính này luôn nằm trong thẻ mở đầu. và thường dó dạng: tên thuộc tính="giá trị thuộc tính"

    Thuộc tính lang

    Có thể khai báo thuộc tính lang trong thẻ mở đầu <html>. Những ngôn ngữ của trang web sẽ được khai báo trong thuộc tính này. Thuộc tính này tương đối quan trọng đối với các trang web nhằm khai báo với công cụ tìm kiếm trang đang sử dụng ngôn ngữ gì.

    <!DOCTYPE html>
    <html lang="vi-VI">
    <body>
       Phần nội dung trang web
    </body>
    </html>
    Hai chữ cái đầu xác định ngôn ngữ của trang web với từ vi dành cho ngôn ngữ tiếng Việt và hai chữ tiếp theo dùng để xác định phương ngữ nếu ngôn ngữ đó có ba ký tự.

    Thuộc tính tiêu đề

    Ở đây thuộc tính tiêu đề được thêm vào thẻ <p>. Giá trị này sẽ hiển thị lên với dạng tooltip khi bạn đưa chuột qua thẻ <p> này.
    !DOCTYPE html>
    <html>
    <body>
        <h2>Đây là tiêu đề ví dụ về thuộc tính</h2>
        <p title="Đây là một đoạn văn">
            Khi bạn rê chuột vào đây thì "Đây là một đoạn văn" sẽ hiện lên
        </p>
    </body>
    </html>
    Xem ví dụ

    Thuộc tính href

    Trong HTML ở bài trước nói về các thẻ HTML căn bản các liên kết được định nghĩa bởi thẻ <a> và địa chỉ của liên kết được định nghĩa bởi thuộc tính href.
    <a href="http://kennis.vn">Đây là một liên kết</a>
    Xem ví dụ

    Thuộc tính kích thước

    Trong HTML ở bài trước nói về các thẻ HTML căn bản các hình ảnh được định nghĩa bởi thẻ <img> và thuộc tính src là địa chỉ đích của hình ảnh đó.
    Ngoài ra còn có thuộc tính width, thuộc tính này định nghĩa chiều rộng của hình và thuộc tính height định nghĩa chiều cao của hình với cùng 150.
    <img src="/home/images/icon.png" width="150" height="150">
    Xem ví dụ

    Thuộc tính alt

    Thuộc tính này giúp công cụ tìm kiếm có thể tìm kiếm thấy hình ảnh của chúng ta chèn vào web để hiển thị lên trong công cụ tìm kiếm. Có ảnh hưởng đến việc SEO hình ảnh cho trang web.
    <img src="/home/images/icon.png" alt="Kennis.vn" width="150" height="150">
    Xem ví dụ

    Lưu ý:
    Tất cả các thẻ và các thuộc tính trong HTML nên sử dụng bằng chữ thường.
    <a href="http://kennis.vn">Đây là một liên kết</a>
    Có thể không cần dấu ngoặc kép bao quanh bởi giá trị nhưng theo W3C thì không nên bỏ dấu ngoặc kép này vì có thể sẽ xảy ra lỗi trong một số trường hợp.
    <a href=http://kennis.vn>Đây là một liên kết</a>
    Có thể thay thế cặp dấu ngoặc kép thành dấu ngoặc đơn đề bao quanh giá trị.
    <a href='http://kennis.vn'>Đây là một liên kết</a>
    Chúc các bạn thành công!laugh
    Từ khóa:

    Thuộc tính trong HTML

    Thuộc tính trong HTML

    Thuộc tính trong HTML

    Thuộc tính trong HTML
    Thuộc tính trong HTML
    3 or 0
    Lưu ý: Đăng câu hỏi trên Group Facebook để được hỗ trợ nhanh nhất.
    Đang tải...
    Nguyễn Lê Điệp
    Có sở thích lập trình, viết lách nên đã từng tham gia quản trị và viết bài ở một số diễn đàn, đến năm 2016 mới có điều kiện sáng lập ra kennis.vn với mục đích chia sẻ để học tập. Sinh năm 93, đang học tập và làm việc tại Hồ Chí Minh City.

    Thống kê

    - Hôm nay:
    224
    - Hôm qua:
    425
    - Tuần này:
    2.724
    - Tuần trước:
    3.197
    - Tháng này:
    10.372
    - Tháng trước:
    19.065
    - Năm này:
    234.055
    - Năm trước:
    17.373
    - Tổng cộng:
    251.428