Ví dụ Một bảng HTML đơn giản với các ô tiêu đề cùng các ô dữ liệu: Kết quả: Tháng Số tiền kiếm đước Tháng 1 5 triệu đồng Định nghĩa và cách dùng Thẻ <th> định nghĩa tiêu đề của các cột trong bảng của HTML. Một bảng HTML có hai kiểu ô: Ô tiêu đề – bao gồm thông tin tiêu đề (được tạo ra với phần tử <th>) Ô tiêu chuẩn – bao gồm dữ liệu (được tạo ra với phần tử <td>) Văn bản trong phần tử <th> được bôi đậm và căn giữa theo mặc …
Ví dụ Vẽ một hình vuông màu đỏ và hiển thị nó ra trong phần tử <canvas>: Kết quả: Định nghĩa và cách dùng Thẻ <canvas> được dùng để vẽ đồ hoạ, thông qua các đoạn mã (thường là JavaScript). Thẻ <canvas> chỉ bao gồm các hình vẽ đồ hoạ, bạn phải sử dụng các đoạn mã để thực sự vẽ được các hình. 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ẻ. Thẻ Chrome IE FireFox Safari Opera <canvas> 4.0 9.0 2.0 3.1 9.0 Sự …
Ví dụ Một video với hai phụ đề (subtitle): Định nghĩa và cách dùng Thẻ <track> xác định các đoạn text cho các nội dung đa phương tiện (như <audio> và <video>). Phần tử này được dùng để xác định phụ đề, lời chú thích cho file hoặc các file khác chứa văn bản, những cái cần hiển thị khi chương trình media được bật. Trình duyệt hỗ trợ Con số trong bản chỉ phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thẻ. Thẻ Chrome IE FireFox Safari Opera <track> 18.0 10.0 31.0 6.0 15.0 Sự khác nhau …
Ví dụ Một trang vơi ba frame, với một thẻ <noframes>: Định nghĩa và cách dùng Thẻ <noframes> không được hỗ trợ trong HTML5. Thẻ <noframes> là một thẻ dự phòng cho các trình duyệt không hỗ trợ thẻ frames. Nó có thể bao gồm tất cả các phần tử HTML bạn có thể thấy trong phần tử <body> của một trang HTML thông thường. Phần tử <noframes> có thể sử dụng để liên kết với một phiên bản không-frameset của trang web hoặc để hiển thị một thông điệp cho người dùng khi các frames được yêu cầu. Phần …
Ví dụ Một trang với ba frame: Định nghĩa và cách dùng Thẻ <frameset> không được hỗ trợ trong HTML5. Thẻ <frameset> định nghĩa một tập hợp các frame. Phần tử <frameset> chứa một hoặc nhiều phần tử <frame>. Mỗi phần tử <frame> có thể chứa các tài liệu độc lập. Phần tử <frameset> chỉ định CÓ BAO NHIÊU cột hoặc hàng sẽ xuất hiện trong frameset, và có BAO NHIÊU không gian tính theo tỉ lệ phần trăm/pixel chúng sẽ chiếm giữ. Lưu ý: Nếu bạn muốn chuẩn hoá trang bao gồm các frame, cần chắc chắn là <!DOCTYPE> …
Ví dụ Một trang với 3 frame: Định nghĩa và cách dùng Thẻ <frame> không được hỗ trợ trong HTML5. Thẻ <frame> định nghĩa một cửa sổ riêng trong một <frameset>. Mỗi <frame> trong <frameset> có thể có các thuộc tính khác, như đường viền (border), thanh trượt (scrolling), khả năng điều chỉnh kích cỡ, vân vân… Lưu ý: Nếu bạn muốn chuẩn hoá một trang bao gồm các frame, bạn cần chắc chắn là <!DOCTYPE> được thiết lập là “HTML Freameset DTD” hoặc “XHTML Frameset DTD”. Trình duyệt hỗ trợ Thẻ Chrome IE FireFox Safari Opera <frame> Có Có …
Ví dụ Nhúng một ứng dụng Java: Định nghĩa và cách dùng Thẻ <applet> không được hỗ trợ trong HTML5. Sử dụng thẻ <embed> hoặc <object> để thay thế. Thẻ <applet> định nghĩa một ứng dụng (applet) nhúng. Trình duyệt hỗ trợ Element Chrome IE FireFox Safari Opera <applet> Không hỗ trợ Không hỗ trợ Có Có Không hỗ trợ Lưu ý: Vẫn có một số hỗ trợ cho thẻ <applet> trong một số trình duyệt, nhưng cần thêm các plug-in/chương trình cài đặt để làm việc. Lưu ý: Thẻ <applet> được hỗ trợ trong Internet Explorer và các phiên bản …
Ví dụ Thực hiện tính toán và hiển thị kết quả trong phần tử <output>, ví dụ: Kết quả: 0 100 + = Định nghĩa và cách dùng Thẻ <output> đại diện cho kết quả của phép tính (giống như được thực hiện bởi kịch bản script). Trình duyệt hỗ trợ Con số trong bảng chỉ chỉ định phiên bản trình duyệt đầu tiền hỗ trợ đầy đủ chức năng của thẻ. Thẻ Chrome IE FireFox Safari Opera <output> 10.0 Không hỗ trợ 4.0 5.1 11.0 Sự khác biệt giữa HTML 4.01 và HTML5 Thẻ <output> là thẻ mới trong …
Ví dụ Một văn bản với tuỳ chọn xuống dòng: Kết quả: Để học AJAX, bạn phải làm quen với XMLHttp Yêu cầu đối tượng. Định nghĩa và cách dùng Thẻ <wbr> (Tuỳ chọn bẻ từ) chỉ định vị trí nơi văn bản có thể xuống dòng. Mẹo: Khi từ quá dài, hoặc bạn sợ trình duyệt sẽ tự động xuống dòng sai chỗ, bạn có thể sử dụng phần tử <wbr> để thêm vào tuỳ chọn xuống dòng theo ý của bạn. Trình duyệt hỗ trợ Các con số trong bảng chỉ ra phiên bản đầu tiên của trình duyệt …
Ví dụ Định dạng văn bản trong tài liệu: Kết quả: Biến Định nghĩa và cách dùng Thẻ <var> là thẻ cụm từ. Nó dùng để định nghĩa một biến. Mẹo: Bạn có thể có các hiệu ứng tốt hơn nhờ CSS Tất cả các thẻ cụm từ: Thẻ Mô tả <em> Xuất ra văn bản được nhấn mạnh <strong> Định nghĩa một văn bản quan trọng <code> Định nghĩa một đoạn code máy tính <samp> Định nghĩa một mẫu đầu ra từ chương trình máy tính <kbd> Định nghĩa một đầu vào nhập từ bàn phím <var> Định nghĩa một …