HTML

Thẻ ul, ol và li là một trong những thẻ HTML cơ bản, thường xuyên được dùng. Hôm nay Kiến càng sẽ hướng dẫn bạn cách sử dụng chúng. #1. Danh sách dùng để làm gì? Danh sách là những thứ mà có liên quan mật thiết với nhau do có đặc điểm chung nào đó, chẳng hạn danh sách học sinh trong một lớp, danh sách các công ty giàu nhất thế giới, danh sách các loại thực phẩm tốt cho trí não… Khi bạn sử dụng thẻ danh sách, nghĩa là bạn thông báo cho người đọc cũng …

Đọc thêm

Thực ra chúng đều thuộc về nhóm thẻ input nhưng có thuộc tính type là radio button và checkbox. Nhóm thẻ input là không thể thiếu khi muốn làm form nhập liệu và chúng thường xuyên kết hợp với Javascript để validate (xác thực các trường dữ liệu). Bên cạnh 5 type rất hay dùng gồm: text, password, submit, reset và email thì 2 type chuyên dụng để tạo các lựa chọn là Radio button và Checkbox bạn cũng cần nắm rõ. Radio button Type này được dùng để chọn một trong nhiều lựa chọn, chẳng hạn chọn giới tính, chọn quốc gia …

Đọc thêm

Để hiểu thuộc tính HTML là gì các bạn đọc bài viết này. Trong bài viết ở đây, blog Kiến càng chỉ nêu ra danh sách các thuộc tính, nó nằm trong nhóm Global Attributes – nghĩa là tất cả các thẻ đều dùng được. Thuộc tính Mô tả accesskey Chỉ định một phím tắt để kích hoạt / tập trung vào một phần tử class Chỉ định một hoặc nhiều tên cho một phần tử (cái này về sau dùng để điều chỉnh style trong CSS) contenteditable (HTML5) – Xác định xem nội dung của phần tử nào đó có …

Đọc thêm

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 …

Đọc thêm

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 …

Đọc thêm

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ự …

Đọc thêm

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 …

Đọc thêm

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 …

Đọc thêm