Thẻ ul, ol và li trong HTML – cách tạo danh sách dễ dàng

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ẻ radio button và checkbox trong HTML

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

Vài kinh nghiệm thiết kế web đơn giản

Tôi đang làm một ứng dụng trên nền tảng web, dù khá đơn giản nhưng trong quá trình làm cũng vỡ ra được nhiều điều- bài viết này tôi sẽ chia sẻ một số trải nghiệm đó. Đừng đợi (cảm thấy) giỏi rồi mới viết Đây có lẽ là vấn đề với không ít người, chúng ta thường nghĩ mình chưa đủ giỏi để viết một cái gì đó mà chúng ta thực sự muốn. Thực tế là đúng phần nào, bạn sẽ cần đến ngưỡng nào đó để bắt đầu viết một ứng dụng chuyên sâu, làm thuê cho …

Đọc thêm

Danh sách các thuộc tính toàn cục trong HTML (HTML Global Attributes)

Để 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

HTTP là gì? Nó đóng vai trò thế nào trong thế giới Web

HTTP là gì? HTTP là cách trình duyệt và máy chủ web giao tiếp với nhau; Trang web là các file được hiển thị trong trình duyệt được gửi bởi máy chủ web; Cách thức mà những file đó được gửi đến trình duyệt gọi là HTTP; HTTP là viết tắt của cụm từ “Hypertext Transfer Protocol / Giao thức Truyền tải Siêu văn bản”; Chắn chắn là bạn đang đọc bài viết này trong một trình duyệt nào đấy… Browser: Trình duyệt; You: Bạn; Web page: Chính là trang web này; Trình duyệt nhận trang web từ máy chủ …

Đọc thêm

Thẻ area trong HTML

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

Thẻ map trong HTML

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

Thẻ dir trong HTML

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

Thẻ dialog trong HTML

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

Thẻ dd trong HTML

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