Một văn bản HTML đơn giản, với số lượng thẻ tối thiểu: Định nghĩa và cách dùng Thẻ <body> định nghĩa phần thân tài liệu. Thẻ <body> bao gồm tất cả nội dung của tài liệu HTML, như văn bản, siêu liên kết, hình ảnh, bảng, danh sách, vv… Trình duyệt hỗ trợ Tất nhiên rồi ạ, tất cả các trình duyệt đều hỗ trợ thẻ này. Sự khác biệt giữa HTML 4.01 và HTML5 Tất cả các thuộc tính liên quan đến bố cục (layout) đều bị loại bỏ trong HTML5 Thuộc tính Thuộc tính Giá trị Mô tả …
Ví dụ về đoạn mã sử dụng button: Click Tớ Đi! Định nghĩa và cách dùng Thẻ <button> định nghĩa một nút bấm. Bên trong thẻ <button> bạn có thể thêm nội dung vào, ví dụ như văn bản hoặc hình ảnh. Đây là sự khác biệt giữa nút bấm được tạo từ thẻ <button> và nút bấm được tọ từ thẻ <input>. Mẹo: Luôn chỉ định thuộc tính cho phần tử <button>. Các trình duyệt khác nhau sử dụng kiểu mặc định khác nhau cho phần tử <button>. Trình duyệt hỗ trợ Hiện cả 5 trình duyệt lớn nhất …
Viết “Chào Kiến càng!” bằng JavaScript: Định nghĩa và cách dùng Thẻ <script> được sử dụng để định nghĩa mã thực thi phía máy khách (JavaScript). Phần tử <script> nó có thể chứa các lệnh kịch bản hoặc trỏ tới một file script bên ngoài thông qua thuộc tính src. JavaScript thường được ứng dụng trong thao tác với hình ảnh, xác nhận form, và thay đổi nội dung. Mẹo: Nếu bạn muốn học thêm về JavaScript, hãy ghé thăm mục này của chúng tôi. Trình duyệt hỗ trợ Hiện cả 5 trình duyệt lớn nhất đều hỗ trợ JavaScript. …
Ví dụ một đoạn code sử dụng thuộc tính data-* để nhúng dữ liệu tuỳ chỉnh: Quạ Cá voi Khỉ Định nghĩa và cách sử dụng Thuộc tính data-* được sử dụng để lưu trữ dữ liệu tuỳ chỉnh riêng cho trang hoặc cho các ứng dụng. Thuộc tính data-* cung cấp cho chúng ta khả năng nhúng dữ liệu tuỳ chỉnh lên tất cả các thẻ HTML Dữ liệu tuỳ chỉnh có thể được sử dụng trong trang chứ JavaScript để tạo tính tương tác tốt hơn với trải nghiệm người dùng (không cần dùng đến Ajax hoặc các truy …
Bạn cần nhớ là thuộc tính title trong HTML thì khác với thẻ title nhé. Ví dụ về thuộc tính title: Kết quả: WHO được thành lập vào năm 1948. Kiến càng Bạn thử di chuột qua các đoạn văn bản ở trên sẽ thấy nhiều điều thú vị. Định nghĩa và cách dùng Thuộc tính title chỉ định thông tin thêm về thẻ. Thông tin thường được hiển thị khi bạn di chuột qua phần tử, nó hiển thị dưới dạng tooltip text. Trình duyệt hỗ trợ Hiện cả 5 trình duyệt lớn nhất hiện nay đều hỗ trợ …
Ví dụ đoạn văn bằng tiếng Anh trong văn bản sử dụng thuộc tính lang: Định nghĩa và cách dùng Thuộc tính lang dùng để chỉ định ngôn ngữ của nội dung phần tử. Một số ví dụ phổ biến là “en” cho tiếng Anh, “es” cho tiếng Tây Ban Nha, “fr” cho tiếng Pháp, “vi” cho tiếng Việt. Trình duyệt hỗ trợ Thuộc tính lang được hỗ trợ bởi tất cả các trình duyệt phổ biến hiện nay. Sự khác nhau giữa HTML 4.01 và HTML5 Trong HTML5, thuộc tính lang có thể sử dụng cho bất kỳ phần …
Tính năng kéo thả là một phần tiêu chuẩn trong HTML5. Kéo thả là tính năng rất phổ biến. Bạn “tóm” một đối tượng và thả nó vào vị trí khác. Trong HTML5, tính năng kéo thả là một phần của tiêu chuẩn phải có, và bất kỳ đối tượng nào cũng có thể kéo thả được. Trình duyệt hỗ trợ API Chrome IE FireFox Safari Opera Kéo thả 4.0 9.0 3.5 6.0 12.0 Ví dụ đoạn code có tính năng kéo thả Cách làm một đối tượng có thể kéo thả Trước tiên để làm một đối tượng có …
Ví dụ về thuộc tính draggable: Đây là đoạn văn bản có thể kéo thả. Ban thử di con chuột vào đây rồi kéo xem, bạn sẽ thấy văn bản di chuyển. Định nghĩa và cách dùng Thuộc tính kéo thả chỉ định phần tử nào đó có thể được kéo thả hoạc không. Mẹo: Các liên kết và hình ảnh kéo thả được theo mặc định. Mẹo: Thuộc tính kéo thả thường sử dụng tính năng drag và drop. Đọc thêm về tính năng drag và drop (kéo thả) của chúng tôi. Trình duyệt hỗ trợ Tất cả các …
Ví dụ về 2 liên kết được chỉ định với thuộc tính accesskey: HTMLCSS Định nghĩa và cách dùng Thuộc tính accesskey chỉ định một phím tắt để khỏi động/tập trung vào một phần tử. Lưu ý: Cách thức phím tắt hoạt động là khác nhau giữa các trính duyệt và giữa các hệ điều hành mà nó phụ thuộc vào: Trình duyệt Windows Linux Mac Internet Explorer [Alt] + accesskey N/A Chrome [Alt] + accesskey [Alt] + accesskey [Control] [Option] + accesskey Firefox [Alt] [Shift] + accesskey [Alt] [Shift] + accesskey [Control] [Option] + accesskey Safari [Alt] + …
Ví dụ về thuộc tính contenteditable: Đây là đoạn văn bản có thể được chỉnh sửa. Bạn thử đưa con trỏ chuột vào để chỉnh sửa xem thế nào nhé. Định nghĩa và cách dùng Thuộc tính contenteditable được dùng để chỉ định nội dung của phần tử nào đó có thể được chỉnh sửa hay là không. Đây là thuộc tính mới chỉ có trong HTML5. Lưu ý: Khi thuộc tính contenteditable không được gán cho phần tử, thì phần tử sẽ kế thừa thuộc tính từ phần tử cha. Trình duyệt hỗ trợ Trình duyệt Chrome IE FireFox Safari …