Ví dụ Định nghĩa một văn bản nhỏ hơn: Kết quả: freehost.page – chuyên trang về lập trình web. Copyright 2013-2016 by Nguyễn Đức Anh Định nghĩa và cách dùng Thẻ <small> định nghĩa văn bản nhỏ hơn (và cả những bình luận khác). Trình duyệt hỗ trợ Thẻ Chrome IE FireFox Safari Opera <small> Có Có Có Có Có Sự khác biệt giữa HTML 4.01 và HTML5 KHÔNG. Các thiết lập CSS mặc định Hầu hết các trình duyệt sẽ hiển thị phần tử <small> với các giá trị mặc định sau:
Ví dụ Định dạng văn bản trong tài liệu: Kết quả: Thí dụ văn bản trong thẻ strong Thẻ <strong> là thẻ cụm từ. Nó định nghĩa văn bản quan trọng. Mẹo: bạn có thể chỉnh sửa, thêm thắt nhiều hiệu ứng hơn với CSS. Tất cả các thẻ cụm từ trong HTML bao gồm: Thẻ Định nghĩa <em> Xuất ra văn bản muốn 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 xuất ra từ một chương trình máy tính <kbd> Định nghĩa nhập vào …
Ví dụ Kết quả: Anh ấy đặt tên cho con mèo là Tia chớp, Bởi vì nó di chuyển rất nhanh. Định nghĩa và cách dùng Thẻ <i> định nghĩa một phần văn bản trong tâm trạng hoặc giọng văn thay đổi. Nội dung nằm trong thẻ <i> thường được hiển thị in nghiêng. Thẻ <i> có thể được sử dụng để chỉ một thuật ngữ kỹ thuật, một cụm từ trong một ngôn ngữ khác, một ý nghĩ hoặc tên một con tàu, vân vân… Chỉ sử dụng phần tử <i> khi không có một yếu tố ngữ nghĩa …
Ví dụ Kết quả: Đây là đoạn văn bản bình thường – và đây là văn bản được bôi đậm. Định nghĩa và cách dùng Thẻ <b> chỉ văn bản bôi đậm. Trình duyệt hỗ trợ Phần tử Chrome IE FireFox Safari Opera <b> Có Có Có Có Có Khác biệt giữa HTML 4.01 và HTML5 KHÔNG. Các mẹo và lưu ý Lưu ý: Theo tiêu chuẩn kỹ thuật của HTML5, thẻ <b> chỉ nên sử dụng như là biện pháp cuối cùng khi mà bạn không tìm thấy thẻ nào thích hợp hơn. Các tiêu chuẩn của HTML5 nói rằng …
Ví dụ Sử dụng phần tử meter để đo lường dữ liệu trong một phạm vi nhất định: Kết quả: 3 của 10 70% Định nghĩa và cách dùng Thẻ <meter> xác định một phép đo vô hướng trong một phạm vi biết trước hoặc một giá trị phân số. Cái này cũng được hiểu như một thước đo. Ví dụ: Dung lượng đĩa sử dụng, các vấn đề liên quan đến kết quả truy vấn, vân vân… Lưu ý: Thẻ <meter> không nên sử dụng để đo đếm một tiến trình (ví dụ như tiến trình tải một file). Để …
Ví dụ quá trình Download đang được tiến hành: Kết quả: Định nghĩa và cách dùng Thẻ <progress> mô tả tiến trình hoàn thành một nhiệm vụ nào đấy. Trình duyệt hỗ trợ Các con số trong bảng xác định các phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ chắc năng cho thẻ. Thẻ Chrome IE FireFox Safari Opera <progress> 8.0 10.0 16.0 6.0 11.0 Sự khác biệt giữa HTML 4.01 và HTML5 Thẻ <progress> là thẻ mới trong HTML5. Các mẹo và lưu ý Mẹo: Sử dụng thẻ <progress> kết hợp với JavaScript để hiển thị quá trình …
Ví dụ Một form với trường keygen: Kết quả: Tên người dùng: Mã hoá: Định nghĩa và cách dùng Thẻ <keygen> chỉ định một cặp khoá được tạo ra để sử dụng cho form. Khi form được nhấn submitt, một khoá riêng tư được lưu trữ tại local, và khoá công cộng được gửi đến server. Trình duyệt hỗ trợ Các con số trong bảng xác định các phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ chức năng của phần tử. Thẻ Chrome IE FireFox Safari Opera <keygen> 1.0 Không hỗ trợ 1.0 1.2 3.0 Khác biệt giữa …
Ví dụ Định dạng văn bản trong một tài liệu: Kết quả:Đây là một đoạn mã máy tính Định nghĩa và cách dùng Thẻ <code> là một thẻ cụm từ. Nó định nghĩa một đoạn code máy tính. Tất cả các thẻ cụm từ trong HTML bao gồm: Tag Mô tả <em> Xuất ra một 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 đầu ra mẫu từ một chương trình máy tính <kbd> Định nghĩa nhập vào bàn phím <var> Định nghĩa một biến …
Ví dụ Nó được dùng để liên kết tới một style sheet bên ngoài: Định nghĩa và cách dùng Thẻ <link> liên kết giữa tài liệu và một tài nguyên bên ngoài. Thẻ <link> thường được sử dụng để liên kết với style sheets (CSS) bên ngoài. Trình duyệt hỗ trợ Khi sử dụng cho style sheets, thẻ <link> được hỗ trợ bởi tất cả các trình duyệt lớn. Thẻ Chrome IE FireFox Safari Opera <link> Có Có Có Có Có Lưu ý: Thẻ <link> là thẻ rỗng, nó chỉ bao gồm các thuộc tính bên trong. Lưu ý: Phần tử này …
Ví dụ Thiết lập các liên kết điều hướng: Định nghĩa và cách dùng Thẻ <nav> định nghĩa các liên kết điều hướng. Lưu ý là KHÔNG phải tất cả các liên kết của tài liệu phải nằm bên trong phần tử <nav>. Phần tử <nav> chỉ dành cho khối liên kết chính có mục đích điều hướng. Các trình duyệt, như màn hình đọc cho người khuyết tật, có thể sử dụng các phần tử này để xác định có nên đọc/xuất một nội dung nào đó hay không. Trình duyệt hỗ trợ Các con số trong bảng xác …