Ví dụ Một bản đồ ảnh, với các khu vực có thể click: Kết quả: Bạn di chuột qua bức ảnh sẽ thấy các vùng được chọn, click vào đó sẽ dẫn đến các hình tương ứng. Các thông tin như thế này: coords=”0,0,82,126″ Cung cấp thông số toạ độ của các khu vực trên bức ảnh để người dùng click vào. Lưu ý: Thuộc tính usemap trong thẻ <img> liên kết với thuộc tính name của phần tử <map> và tạo ra mối quan hệ giữa ảnh và bản đồ. Trình duyệt hỗ trợ Phần tử Chrome IE FireFox Safari …
Ví dụ: Một bản đồ ảnh, với các khu vực có thể click: Kết quả: Bạn di chuột qua bức ảnh sẽ thấy các vùng được chọn, click vào đó sẽ dẫn đến các hình tương ứng. Các thông tin như thế này: coords=”0,0,82,126″ Cung cấp thông số toạ độ của các khu vực trên bức ảnh để người dùng click vào. Định nghĩa và cách dùng Thẻ <map> được dùng để định nghĩa một bản đồ ảnh phía máy khách. Một bản đồ ảnh là một ảnh có thể được click vào các khu vực trong đó. Thuộc tính …
Ví dụ Một danh sách thư mục: Kết quả: html xhtml css Định nghĩa và cách dùng Thẻ <dir> không được hỗ trợ trong HTML5. Sử dụng thẻ ul li để thay thế. Thẻ <dir> được sử dụng để liệt kê tiêu đề danh sách. Trình duyệt hỗ trợ Phần tử Chrome IE FireFox Safari Opera <dir> Có Có Có Có Có Các mẹo và chú ý Mẹo: Sử dụng CSS để định kiểu cho danh sách! Trong các hướng dẫn về CSS của chúng tôi, bạn có thể tìm thấy nhiều thông tin hơn về định kiểu danh sách. Sự …
Ví dụ Cách dùng phần tử <dialog>: Kết quả: January Đây là một hộp thoại February March 31 28 31 Định nghĩa và cách sử dụng Thẻ <dialog> định nghĩa một hộp thoại hoặc cửa sổ. Phần tử <dialog> giúp cho việc tạo các hộp thoại popup và modal trên web trở nên dễ dàng hơn. Trình duyệt hỗ trợ Các con số trong bảng chỉ phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ các tính năng của thẻ. Phần tử Chrome IE FireFox Safari Opera <dialog> 37.0 Không hỗ trợ Không hỗ trợ Không hỗ trợ 24.0 …
Ví dụ Một danh sách mô tả, với các thuật ngữ và các mô tả chi tiết: Kết quả: Coffee Black hot drink Milk White cold drink Định nghĩa và cách dùng Thẻ <dd> được sử dụng để mô tả một thuật ngữ/tên trong danh sách định nghĩa. Thẻ <dd> được sử dụng kết hợp với thẻ <dl> (định nghĩa một danh sách mô tả) và thẻ <dt> (định nghĩa một thuật ngữ / tên). Bên trong thẻ <dd> bạn có thể thêm văn bản, ký tự xuống dòng, các ảnh, các liên kết, danh sách, vân vân… Trình duyệt …
Ví dụ Một danh sách mô tả, với các thuật ngữ và các mô tả chi tiết: Kết quả: Coffee Black hot drink Milk White cold drink Định nghĩa và cách dùng Thẻ <dt> định nghĩa một thuật ngữ / tên trong danh sách mô tả. Thẻ <dt> được sử dụng kết hợp với thẻ <dl> (định nghĩa danh sách mô tả) và thẻ <dd> (mô tả mỗi thuật ngữ/tên). Trình duyệt hỗ trợ Phần tử Chrome IE FireFox Safari Opera <dt> Có Có Có Có Có Sự khác nhau giữa HTML 4.01 và HTML5 Trong HTML 4.01, thẻ <dt> …
Ví dụ Một danh sách mô tả, với các thuật ngữ và các mô tả: Kết quả: Coffee Black hot drink Milk White cold drink Định nghĩa và cách dùng Thẻ <dl> định nghĩa một danh sách mô tả. Thẻ <dl> được sử dụng kết hợp với thẻ <dt> (định nghĩa thuật ngữ/tên) và thẻ <dd> (mô tả mỗi thuật ngữ/tên). Trình duyệt hỗ trợ Phần tử Chrome IE FireFox Safari Opera <dl> Có Có Có Có Có Sự khác nhau giữa HTML 4.01 và HTML5 Trong HTML 4.01, thẻ <dl> định nghĩa một danh sách được định nghĩa. Trong …
Ví dụ Thiết lập màu nền cho ba cột với thẻ <colgroup> và thẻ <col>: Kết quả: ISBN Tên sách Giá 3476896 Zarathustra Đã Nói Như Thế 120 ngàn đồng 5476499 Buổi Hoàng Hôn Của Những Thần Tượng 48 ngàn đồng Định nghĩa và cách dùng Thẻ <col> chỉ định thuộc tính cột cho mỗi cột trong phần tử <colgroup>. Thẻ <col> rất hữu dụng cho việc áp dụng styles cho tất cả các cột, thay cho việc phải lập lại style cho mỗi ô, ở các hàng. Trình duyệt hỗ trợ Thẻ Chrome IE FireFox Safari Opera <col> Có Có …
Ví dụ Sử dụng phần tử <figure> để đánh dấu ảnh trong tài liệu. Phần tử <figure> cũng bao gồm cả đoạn chú thích/mô tả thêm: Kết quả: Định nghĩa và cách dùng Thẻ <figcaption> dùng để định nghĩa một mô tả cho phần tử <figure>. Phần tử <figcaption> có thể được đặt ở vị trí đầu và cuối của phần tử <figure> Trình duyệt hỗ trợ Con số trong bảng chỉ phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ tính năng của thể. Phần tử Chrome IE FireFox Safari Opera <figcaption> 6.0 9.0 4.0 5.0 11.1 Sự …
Ví dụ Sử dụng phần tử <figure> để đánh dầu một bức ảnh trong tài liệu: Định nghĩa và cách dùng Thẻ <figure> xác định nội dung khép kín (tự nó là đầy đủ), giống như illustrations, biểu đồ, ảnh, danh sách mã, vân vân… Trong khi nội dung của phần tử <figure> là liên quan đến dòng chảy nội dung chính, thì vị trí của nó là độc lập với dòng chảy, và nếu loại bỏ nó phải không ảnh hưởng đến dòng chảy của tài liệu. Trình duyệt hỗ trợ Con số trong bảng chỉ phiên bản trình …