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 …
Ví dụ về code tabindex: Kết quả: Kiến càngGoogleFacebook Bạn thử nhấn phím tab trên bàn phím của bạn xem. Bạn sẽ thấy Google được tab trước, sau đó đến Kiến càng, cuối cùng mới là Facebook. Định nghĩa và cách dùng Thuộc tính tabindex dùng để chỉ định thứ tự tab của phần tử (khi bạn sử dụng nút tab cho mục đích điều hướng). Giá trị số trong phần giá trị của tabindex sẽ quyết định phần nào được tab trước. Giá trị nhỏ sẽ xếp trước, giá trị lớn sẽ xếp sau. Trình duyệt hỗ trợ Hiện …
Một ví dụ về trang HTML5: #1. Định nghĩa và cách dùng Thẻ <html> dùng để nói cho trình duyệt biết đây là tài liệu HTML. Thẻ <html> là thẻ gốc trong tài liệu HTML. Thẻ <html> chứa tất các các thẻ HTML khác ngoại trừ thẻ <!DOCTYPE> #2. Trình duyệt hỗ trợ Cả 5 trình duyệt lớn đều hỗ trợ (thực lòng mà nói tôi không tưởng tượng nổi bất cứ trình duyệt nào mà lại không hỗ trợ thẻ này!). #3. Sự khác nhau giữa HTML và XHTML Các thuộc tính xmlns là cần thiết trong XHTML, nhưng lại …
Ví dụ về thẻ time: Định nghĩa và cách sử dụng Thẻ time được dùng để định nghĩa ngày tháng/thời gian dưới dạng dễ đọc với con người. Thẻ này cũng có thể được sử dụng để mã hóa ngày và thời gian cho máy có thể đọc được, do vậy các bọ tìm kiếm có thể cung cấp thêm lời nhắc sinh nhật hay các sự kiện dự kiến lịch của người dùng, và công cụ tìm kiếm có thể tạo ra kết quả tìm kiếm thông minh hơn. Trình duyệt hỗ trợ Trình duyệt Chrome IE FireFox Safari …
Các đoạn văn bản được đánh dấu như sau trong HTML: Định nghĩa và cách dùng Thẻ p được dùng để xác định đoạn văn bản. Các trình duyệt tự động thêm lề (margin) trước và sau mỗi thẻ <p>. Lề có thể được điều chỉnh bằng CSS về sau nếu bạn muốn, bằng cách thông qua thuộc tính margin. Trình duyệt hỗ trợ Cả 5 trình duyệt lớn đều hỗ trợ thẻ <p> Trình duyệt Chrome Firefox IE Safari Opera <p> có có có có có Thuộc tính Thuộc tính Giá trị Mô tả align leftrightcenterjustify Không được hỗ …
Để lồng file âm thanh vào văn bản HTML bạn sử dụng thẻ <audio>. Mẫu code của nó như sau: Kết quả bên dưới (Leslie’s Strut (Sting) – Free music Youtube):Trình duyệt của bạn không hỗ trợ thẻ audio #1. Định nghĩa và cách sử dụng Hiện tại có 3 định dạng được hỗ trợ bởi thẻ audio, đó là MP3, Wav, và Ogg. Tuy nhiên các trình duyệt hỗ trợ không giống nhau: Trình duyệt MP3 Wav Ogg Interner Expoler Có Không Không Chrome Có Có Có Firefox Có Có Có Safari Có Có Không Opera Có Có Có …