Breaking

Wednesday, March 27, 2013

Home / Bendoi / HTML / p.HTML / Thủ Thuật BlogSpot / thủ thuật website / Tổng hợp HTML (HTML1-HTML5)

Tổng hợp HTML (HTML1-HTML5)

by on in , , , ,
HTML 1-2-3-4-5

HTML là ngôn ngữ được ra đời chính thức từ 1991. Theo thời gian nó luôn được cải tiến đối mới.
Đây là trang tổng hợp tất cả các thẻ HTML từ các phiên bản đầu tiên cho đến nay. Sắp xếp theo từng nhóm chức năng để người xem dể người đọc hình dung tổng quát và đồng thời trình bày rõ ràng, trực quan nhất để giảm thiểu thời gian tìm hiểu, tiếp cận vấn đề nhanh chóng.
Thông tin này được cập nhật từ tổ chức nghiên cứu & phát triển các ngôn ngữ lập trình web W3C tại w3schools.com


Tag   Mô tả Chú thích
Basic   Cơ bản  
<DOCTYPE>
?
Qua những phiên bản bản HTML lại có một số cách viết khác nhau, hiện nay nên viết gọn nhất là <!DOCTYPE html>
 Xác định các loại tài liệu  
<html>
?
Thẻ <html> cho trình duyệt rằng đây là một tài liệu HTML.
 Định nghĩa một tài liệu HTML  
<title>
?
<title>dòng chữ trong này sẽ xuất hiện trên thanh tiêu đề của công cụ trình duyệt!</title>
 Định nghĩa một tiêu đề cho tài liệu  
<body>
?
Trong các phiên bản trước 2012, trong <body> vẫn được sử dụng viết thêm các thuộc tính màu nền, màu chữ, khoảng cách,... ví dụ như <body bgcolor="#ff0022;"> nhưng hiên nay chỉ nên viết <body>
 Định nghĩa cơ thể của tài liệu  
<h1> để <h6>
?
Trước kia có thể Cú pháp có thể viết thêm kiểu như:
<h1 align="left|right|center|justify"> nhưng ngày nay không nên dùng, mà chỉ nên viết <h1>...</h1>

cỡ chữ tiêu đề h1

cỡ chữ tiêu đề h2

cỡ chữ tiêu đề h3

cỡ chữ tiêu đề h4

cỡ chữ tiêu đề h5
cỡ chữ tiêu đề h6
Chú ý: Các <h1> <h6> thuộc tính align không được hỗ trợ trong HTML5,HTML4.01.
Góp ý: khích thước các h đã được trình duyệt mặc định, thực tế nếu đã sử dụng css thì ko cần dùng h.
 Xác định tiêu đề HTML  
<p>
?
Tag <p> định nghĩa của một đoạn. Trình duyệt tự động thêm một số không gian (margin) trước và sau khi mỗi phần tử <p>. Có thể được sửa đổi với CSS (với thuộc tính lề).
 Định nghĩa một đoạn văn  
<br>
?
Tag <br> chèn một ngắt dòng duy nhất.
Thẻ <br> là một thẻ trống, nó không cần thẻ kết thúc </br>.
Lưu ý: trong XML thì phải viết <br/>
 Chèn một ngắt dòng duy nhất  
<hr>
?
Trong HTML, <hr> không có thẻ kết thúc.
Trong XHTML,<hr> phải được đóng lại đúng cách, như thế này: <hr />.
Trước kia trong <h> còn có các thuột tính <hr width="200" color="red" ...> nhưng này nay chỉ nên viết <hr>còn các thuộc tính khác thì sử dụng css để viết
Một đường kẻ ngang trong nội dung  
<- ... ->
?
<- những gì trong đây, các thẻ html sẽ bị vô hiệu hóa, không hiển thị trên trình duyệt. Nó thường được dùng để chú thích trong viết code ->
 Vô hiệu hóa 1 đoạn html  
Formatting   Định dạng  
<acronym>
?
Ví dụ:
<acronym title="xuất hiện những dòng này">di chuột vào đây </acronym>
kết quả:
di chuột vào đây
Mô tả từ viết tắt. x
<abbr>
?
abbr được dùng để cung cấp những thông tin hữu ích cho trình duyệt, hệ thống dịch thuật, và công cụ tìm kiếm.
Ví dụ:
di chuột vào <abbr title="xuất hiện những dòng này"> đây </abbr>

Kết quả:
di chuột vào đây
Mô tả cụm từ viết tắt  
<address>
?
Thẻ <address> xác định các thông tin liên lạc của tác giả / chủ sở hữu của một tài liệu hoặc một bài viết.
Nếu các yếu tố <address> bên trong phần tử <body>, nó đại diện cho thông tin liên lạc cho tài liệu.
Nếu các yếu tố <address> bên trong một phần tử <article>, nó đại diện cho thông tin liên lạc cho bài viết đó.
Các văn bản trong các yếu tố <address> thường ám nghiêng . Hầu hết các trình duyệt sẽ thêm một ngắt dòng trước và sau khi các yếu tố địa chỉ.
Xem ví dụ
<address>
Bedoi.vn<br />
Administrator: Trinh Thao, Cao Tra <br/>
Email: bendoi@bendoi.vn <br />
Origin: Vinh Loc - Thanh Hoa - Viet Nam<br />
</address>
Xem Kết quả
Bedoi.vn
Administrator: Trinh Thao, Cao Tra
Email: bendoi@bendoi.vn
Origin: Vinh Loc - Thanh Hoa - Viet Nam
Xác định các thông tin liên lạc cho các tác giả / chủ sở hữu của một tài liệu / bài viết  
<b>
?
Lưu ý: HTML 5, thẻ <b> nên được sử dụng như là một phương sách cuối cùng khi không có thẻ khác thích hợp hơn.
Mẹo: Bạn cũng có thể sử dụng CSS "font-weight" tài sản để thiết lập văn bản in đậm.
Xem ví dụ
<b>bendoi.vn</b>
Xem Kết quả bendoi.vn
 Định nghĩa chữ in đậm  
<bdi>
?
Thẻ <bdi> hiện đang được hỗ trợ chỉ trong Firefox và Chrome.
BDI là viết tắt của Bi-directional cách ly.
Thẻ <bdi> cô lập một phần của văn bản có thể được định dạng theo một hướng khác từ các văn bản khác bên ngoài nó.
Yếu tố này rất hữu ích khi nhúng nội dung do người dùng tạo ra với một hướng từ không rõ.
Xem ví dụ
<ul>
<li>Sử dụng <bdi>3G</bdi>: 120'000VNĐ/ tháng</li>
<li>Sử dụng <bdi>ADSL</bdi>: 250'000VNĐ/ tháng</li>
<li>Sử dụng <bdi>điện</bdi>: 100kwh/250'000VNĐ/ tháng</li>
<li>Sử dụng <bdi>điện thoại</bdi>: 50'000VNĐ/ tháng</li>
</ul>
Xem Kết quả
  • Sử dụng 3G: 120'000VNĐ/ tháng
  • Sử dụng ADSL: 250'000VNĐ/ tháng
  • Sử dụng điện: 100kwh/250'000VNĐ/ tháng
  • Sử dụng điện thoại: 50'000VNĐ/ tháng
 Cô lập một phần của văn bản có thể được định dạng theo một hướng khác từ các văn bản khác bên ngoài nó mới
<bdo>
?
Thẻ <bdo> được hỗ trợ trong tất cả các trình duyệt chính.
Định nghĩa và cách sử dụng
BDO là viết tắt của Bi-Directional Override.
Tag <bdo> được sử dụng để ngược hướng văn bản hiện hành. Thuộc tính bdo 2 Giá trị Mô tả dir | ltr
Xem ví dụ
BenDoi.Vn <bdo dir="rtl">BenDoi.Vn</bdo>
Xem Kết quả BenDoi.Vn
BenDoi.Vn
 Viết ngược / viết xuôi các từ trong đoạn  
<big>
?
Ngày nay không được hỗ trợ trong HTML5. Nếu muốn thì sử dụng css
Xem ví dụ
<p>Chữ bình thường.</p> <p><big>Chữ lớn hơn</big></p>
Xem Kết quả

Chữ bình thường.

Chữ lớn hơn

 Xác định văn bản lớn x
<blockquote>
?
Thẻ <blockquote> được hỗ trợ trong tất cả các trình duyệt chính.
Tag <blockquote> quy định cụ thể một phần được trích dẫn từ một nguồn khác.
Nó thường được dùng để trích dẫn code như trong các ví dụ của trang này
 Định nghĩa một phần được trích dẫn từ một nguồn khác  
<center>
?
Thẻ <center> được hỗ trợ trong tất cả các trình duyệt chính.
Nhưng Tag <center> không được hỗ trợ trong HTML5. Sử dụng CSS để thay thế.
Xem ví dụ
<center>bendoi.vn</center>
Xem Kết quả
bendoi.vn
 Căn giữa x
<cite>
?
Thẻ <cite> được hỗ trợ trong tất cả các trình duyệt chính.
Thẻ <cite> xác định tiêu đề của tác phẩm (ví dụ như một cuốn sách, một bài hát, một bộ phim, một chương trình truyền hình, một bức tranh, một tác phẩm điêu khắc, vv).
Lưu ý: tên của một người không phải là tiêu đề của một tác phẩm.
Xem ví dụ
<p><cite>HTML total 2013</cite> là ebook được trình bày năm 2013 bởi bendoi.vn</p>
Xem Kết quả

HTML total 2013 là ebook được trình bày năm 2013 bởi bendoi.vn

 Xác định tiêu đề của một tác phẩm  
<code>
?
Các tag <tt>, <i>, <b>, <big>, <small>, <em>, <strong>, <dfn>, <code>, <samp>, <kbd>, <var> và <cite> được dùng để định dạng kiểu cho font, dùng phổ biến trong html4, tuy nhiên nên sử dụng css để thay thế.
Xem ví dụ
<tt>Kiểu chữ văn bản máy</tt>
<i>Kiểu chữ in nghiêng</i>
<b>Kiểu chữ đậm</b>
<big>Kiểu chữ lớn</big>
<small>Kiểu chữ nhỏ</small>
<em>Dùng để nhấn mạnh văn bản</em>
<strong>Hiển thị hình ảnh mạnh, mục đích đánh dấu chữ</strong>
<dfn>Dùng cho thuật ngữ</dfn>
<code>Kiểu code trong máy tính</code>
<samp>Kiểu sample trong máy tính</samp>
<kbd>Kiểu bàn phím</kbd>
<var>Kiểu biến số</var>
<cite>Dùng cho văn bản trích dẫn</cite>
Xem Kết quả Kiểu chữ văn bản máy
Kiểu chữ in nghiêng
Kiểu chữ đậm
Kiểu chữ lớn
Kiểu chữ nhỏ
Dùng để nhấn mạnh văn bản
Hiển thị hình ảnh mạnh, mục đích đánh dấu chữ
Dùng cho thuật ngữ
Kiểu code trong máy tính
Kiểu sample trong máy tính
Kiểu bàn phím
Kiểu biến số
Dùng cho văn bản trích dẫn
 Định nghĩa một phần mã máy tính  
<del>
?
Thẻ <del> được hỗ trợ trong tất cả các trình duyệt chính.
Thẻ <del> định nghĩa văn bản từ một tài liệu đã bị xóa.
Thường dùng: <del> AAAAA <del>
Ngoài ra còn có cách viết: <del thuoctinh="giatri"></del>
Tuy nhiên các trình duyệt không hỗ trợ.
Thuộc tính Giá trị Ví dụ Mô tả
cite URL cite="http://...." link giải thích xóa.
datetime YYYY-MM-DD Thh:mm: ssTZD datetime= "2013-02-25" thời gian xóa.

Xem ví dụ
<del> dòng này bị gạch ngang </del>
Xem Kết quả dòng này bị gạch ngang
Định nghĩa văn bản đã bị xóa từ một tài liệu  
<dfn>
?
Xem lại <code> đã trình bày ở trên!
Định nghĩa một thuật ngữ định nghĩa  
<em>
?
Xem lại <code> đã trình bày ở trên!
Xác định văn bản nhấn mạnh  
<font>
?
Các tag được hỗ trợ trong tất cả các trình duyệt chính.
Tag không được hỗ trợ trong HTML 4.01,HTML5. Ngày nay nên sử dụng CSS để thay thế.
Tag quy định cụ thể đối mặt với font chữ, cỡ chữ, và màu sắc font chữ của văn bản.
Xem ví dụ
<p><font size="3" color="red"> chữ này màu đỏ, cỡ chữ 3!</font></p>
<p><font size="2" color="blue">chữ này màu xanh, cỡ chữ 2!</font></p>
<p><font face="verdana" color="green">Ôi! nếu dùng nào cũng phải trình bày thế này thì dài dòng quá, ngày nay không nên dùng cái này nữa!</font></p>
Xem Kết quả

chữ này màu đỏ, cỡ chữ 3!

chữ này màu xanh, cỡ chữ 2!

Ôi! nếu dùng nào cũng phải trình bày thế này thì dài dòng quá, ngày nay không nên dùng cái này nữa!

 Xác định font chữ, màu sắc, và kích thước cho văn bản x
<i>
?
Tag <i> được hỗ trợ trong tất cả các trình duyệt chính.
Tag <i> định nghĩa là một phần của văn bản trong một giọng nói hay tâm trạng thay thế. Nội dung của thẻ <i> được thường được hiển thị dưới dạng chữ nghiêng.
Tag <i> có thể được sử dụng để chỉ ra một thuật ngữ kỹ thuật, một cụm từ từ một ngôn ngữ khác, một tư tưởng, hoặc tên một con tàu ...
Sử dụng <i> chỉ khi có không có cách thực hiện khác thích hợp hơn.
Xem ví dụ
<i> Chữ nghiêng </i>
Xem Kết quả Chữ nghiêng
chữ nghiêng  
<ins>
?
Thẻ <ins> được hỗ trợ trong tất cả các trình duyệt chính.
Thẻ <ins> định nghĩa một văn bản đã được chèn vào tài liệu.
Nó cũng có thược tính và cách viết tương tự như del.
Thực tế rất hiếm khi cần đến.
Xem ví dụ
<del>được xóa</del> <ins>được thêm vào </ins>
Xem Kết quả được xóa được thêm vào
Định nghĩa một văn bản đã được chèn vào tài liệu i
<kbd>
?
Xem lại >code< đã trình bày ở trên!
 Xác định đầu vào bàn phím i
<mark>
?
Thẻ <mark> được hỗ trợ trong Internet Explorer 9 +, Firefox, Opera, Chrome, và Safari.
Lưu ý: Internet Explorer 8 và các phiên bản trước đó, không hỗ trợ thẻ <mark>.
Thẻ <mark> xác định văn bản được đánh dấu.
Sử dụng thẻ <mark> nếu bạn muốn làm nổi bật các phần của văn bản của bạn.
Xem ví dụ
web.bendoi.vn chúc bạn học tốt những điều <mark>cơ bản</mark> nhất, trước khi tiếp tục những thứ mới hơn!
Xem Kết quả web.bendoi.vn chúc bạn học tốt những điều cơ bản nhất, trước khi tiếp tục những thứ mới hơn!
Xác định văn bản được đánh dấu / nhấn mạnh mới, i
<meter>
?
Thẻ <meter> được hỗ trợ trong Firefox, Opera, Chrome, và Safari for Mac.
Lưu ý: Thẻ <meter> không được hỗ trợ trong Internet Explorer 9 và các phiên bản trước đó, hoặc trong Safari cho Windows.
Thẻ <meter> định nghĩa một phép đo vô hướng trong một phạm vi được biết đến, hoặc giá trị một phân đoạn. Điều này cũng được biết đến như một tiêu chuẩn đánh giá. Ví dụ: Disk sử dụng, sự liên quan của kết quả truy vấn, vv
Lưu ý: Thẻ <meter> không nên được sử dụng cho thấy tiến trình (như trong một thanh tiến trình).
Muốn hiển thị thanh tiến trình nên sử dụng <progress>
Thuộc tính Giá trị Mô tả
form form_id Chỉ định một hoặc nhiều hình thức các yếu tố lt;metergt; thuộc
high number Chỉ định phạm vi đó được coi là một giá trị cao
low number Chỉ định phạm vi đó được coi là một giá trị thấp
max number Chỉ định giá trị tối đa của dãy
min number Chỉ định giá trị tối thiểu của phạm vi
optimum number Chỉ định những gì giá trị là giá trị tối ưu cho đo
value number Yêu cầu. Xác định giá trị hiện tại của đồng hồ đo
Xem ví dụ
<meter value="5" min="0" max="10">5/10</meter>
<meter value="0.85">85%</meter>
Xem Kết quả 5/10
85%
 Hiển thị thước đo trong một phạm vi được biết đến sau khi kiểm tra mới
<pre>
?
Thẻ <pre> được hỗ trợ trong tất cả các trình duyệt chính.
Thẻ <pre> xác định văn bản định dạng sẵn.
Văn bản trong một yếu tố <pre> được hiển thị trong một phông chữ có chiều rộng cố định (thường là Courier), và nó bảo tồn cả không gian và phá vỡ đường dây.
Xem ví dụ
<pre>kiểu chữ tương tự như cú thích code</pre>
Xem Kết quả 
kiểu chữ tương tự như cú thích code
 Xác định văn bản định dạng sẵn i
<progress>
?
Thẻ <progress> được hỗ trợ trong Internet Explorer 10, Firefox, Opera, Chrome, và Safari cho Mac.
Lưu ý: Thẻ <progress> không được hỗ trợ trong Internet Explorer 9 và các phiên bản trước đó, hoặc trong Safari cho Windows.
Thẻ <progress> đại diện cho sự tiến trình của một nhiệm vụ.
Mẹo: Sử dụng thẻ <progress> kết hợp với JavaScript để hiển thị sự tiến trình của một nhiệm vụ.
Lưu ý : Thẻ <progress> là không phù hợp để đại diện cho một đánh giá (ví dụ như không gian đĩa sử dụng hoặc liên quan của kết quả truy vấn). Để đại diện cho một đánh giá, sử dụng <meter> thẻ thay thế.
Thuộc tính Giá trị Mô tả
max number Chỉ định bao nhiêu công việc nhiệm vụ yêu cầu trong tổng số
value number Yêu cầu. Xác định giá trị hiện tại của đồng hồ đo
Xem ví dụ
<progress value="45" max="100"></progress>
Xem Kết quả
Hiển thị tiến trình đang chạy của một nhiệm vụ mới
<q>
?
Thẻ <q> được hỗ trợ trong tất cả các trình duyệt chính.
Trình duyệt thường chèn dấu ngoặc kép xung quanh.
Mẹo: Sử dụng <blockquote> để đánh dấu lên một phần được trích dẫn từ một nguồn khác thì vì dùng <q>.
Xem ví dụ
w3schools.com: <q>Nơi khởi nguồn của các ngôn ngữ lập trình web</q>
w3schools.com: <q>Thầy của những vị thầy về thiết kế web</q>
web.bendoi.vn: <q>Cũng tự học từ w3schools làm nền tảng cơ bản</q>
web.bendoi.vn: <q>Chia sẽ những kiến thức thiết kế web thông dụng</q>
Xem Kết quả w3schools.com: Nơi khởi nguồn của các ngôn ngữ lập trình web
w3schools.com: Thầy của những vị thầy về thiết kế web
web.bendoi.vn: Cũng tự học từ w3schools làm nền tảng cơ bản
web.bendoi.vn: Chia sẽ những kiến thức thiết kế web thông dụng
 Mặc định đánh dấu 2 đầu đoạn văn bản "..." i
<rp>
?
Thẻ <rp> được hỗ trợ trong Internet Explorer 9 +, Firefox, Opera, Chrome, và Safari.
Lưu ý: Internet Explorer 8 và các phiên bản trước đó, không hỗ trợ thẻ <rp>.
Thẻ <rp> định nghĩa những gì để hiển thị nếu một trình duyệt không hỗ trợ chú thích ruby.
Chú thích Ruby được sử dụng cho kiểu chữ Đông Á, để hiển thị cách phát âm của các ký tự Đông Á.
Sử dụng thẻ <rp> cùng với <ruby> và <rt> thẻ: Các yếu tố <ruby> bao gồm một hoặc nhiều ký tự cần một lời giải thích / phát âm, và một phần tử <rt> cung cấp cho những thông tin đó, và một tùy chọn <rp> yếu tố xác định những gì để hiển thị cho các trình duyệt không hỗ trợ chú thích ruby.
Xem ví dụ
<ruby>text chú thích ruby<rp>(</rp><rt>text phát âm hoặc giải thích</rt><rp>)</rp></ruby>
<ruby>漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt></ruby>
Xem Kết quả

text chú thích ruby(text phát âm hoặc giải thích)

漢 (ㄏㄢˋ)

 Định nghĩa những gì hiển thị trong các trình duyệt không hỗ trợ các chú thích ruby mới, i
<rt>
?
Thẻ <rt> được hỗ trợ trong Internet Explorer 9 +, Firefox, Opera, Chrome, và Safari.
Lưu ý: Internet Explorer 8 và các phiên bản trước đó, không hỗ trợ thẻ <rt>.
Thẻ <rt> định nghĩa một lời giải thích hoặc phát âm các ký tự (typography Đông Á) trong một chú thích ruby.
Sử dụng thẻ <rt> cùng với <ruby> và <rp> thẻ: Các yếu tố <ruby> bao gồm một hoặc nhiều ký tự cần một lời giải thích / phát âm, và một phần tử <rt> cung cấp cho những thông tin đó, và một tùy chọn <rp> yếu tố xác định những gì để hiển thị cho các trình duyệt không hỗ trợ chú thích ruby.<fieldset><legend> Xem ví dụ </legend>
Xem ví dụ
<ruby> 漢 <rt> ㄏㄢˋ </rt> </ruby>
Xem Kết quả 漢 ㄏㄢˋ
Định nghĩa một lời giải thích / phát âm của các ký tự (kiểu chữ Đông Á) mới, i
<ruby>
?
Thẻ <ruby> được hỗ trợ trong Internet Explorer 9 +, Firefox, Opera, Chrome, và Safari.
Lưu ý: Internet Explorer 8 và các phiên bản trước đó, không hỗ trợ thẻ <ruby>.
Thẻ <ruby> quy định cụ thể một chú thích ruby.
Chú thích Ruby được sử dụng cho kiểu chữ Đông Á, để hiển thị cách phát âm của các ký tự Đông Á.
Sử dụng thẻ <ruby> cùng với <rt> và / hoặc các <rp> thẻ: Các yếu tố <ruby> bao gồm một hoặc nhiều ký tự cần một lời giải thích / phát âm, và một phần tử <rt> cung cấp cho những thông tin đó, và một yếu tố <rp> tùy chọn định nghĩa những gì để hiển thị cho các trình duyệt không hỗ trợ chú thích ruby.
Xem ví dụ
<ruby> 漢 <rt> ㄏㄢˋ </rt> </ruby>
Xem Kết quả 漢 ㄏㄢˋ
Định nghĩa một chú thích ruby ​​(typography Đông Á) mới, i
<s>
?
Thẻ <s> được hỗ trợ trong tất cả các trình duyệt chính.
Thẻ <s> xác định văn bản đó là không còn chính xác, chính xác, hoặc có liên quan.
Thẻ <s> không nên được sử dụng để xác định văn bản thay thế hoặc bị xóa, sử dụng tag <del> để xác định văn bản thay thế hoặc bị xóa.
Xem ví dụ
<s> gạch ngang </s>
Xem Kết quả gạch ngang
Xác định văn bản không còn chính xác, bị gạch ngang x
<samp>
?
Xem lại <code> đã trình bày ở trên!
Xác định đầu ra mẫu từ một chương trình máy tính i
<small>
?
Thẻ được hỗ trợ trong tất cả các trình duyệt chính.
Xem ví dụ
Chữ bình thường <small>chữ nhỏ hơn</small>
Xem Kết quả Chữ bình thường chữ nhỏ hơn
 Xác định văn bản nhỏ hơn  
<strike>
?
Thẻ <strike> được hỗ trợ trong tất cả các trình duyệt chính.
Tag <strike> không được hỗ trợ trong HTML5. Sử dụng các tag <del> thay thế.
Xem ví dụ
Chữ bình thường <strike>chữ bị gạch</strike>
Xem Kết quả Chữ bình thường chữ bị gạch
 Văn bản bị gạch x
<strong>
?
Xem lại <code> đã trình bày ở trên!
Xác định văn bản quan trọng i
<sub>
?
Các thẻ <sub> và <sup> được hỗ trợ trong tất cả các trình duyệt chính.
Xem ví dụ
H<sub>2</sub>SO<sub>4</sub>
5x <sup>3</sup> + 2x<sup>2</sup> -4x +5 = 0
Xem Kết quả H2SO4
5x 3 + 2x2 -4x +5 = 0
Văn bản dưới đường cơ sở t
<sup>
?
Các thẻ <sub> và <sup> được hỗ trợ trong tất cả các trình duyệt chính.
Xem ví dụ
H<sub>2</sub>SO<sub>4</sub>
5x <sup>3</sup> + 2x<sup>2</sup> -4x +5 = 0
Xem Kết quả H2SO4
5x 3 + 2x2 -4x +5 = 0
Văn bản trên đường cơ sở t
<time>
?
Thẻ <time> đó không làm như bất cứ điều gì đặc biệt trong bất kỳ các trình duyệt chính.
Thẻ <time> xác định hoặc một thời gian (24 giờ đồng hồ), hoặc một ngày trong lịch Gregorian, tùy chọn với một thời điểm và một múi giờ bù đắp.
Xem ví dụ
Tại VN mạng 3G thường bị gián đoạn lúc <time>01:00</time> rạng sáng.
Báo Bưu Điện Việt Nam <time datetime="2013-04-02 ">Xuân Quý Tỵ</time>
đưa tin tập đoàn VNPT sẽ xây dựng hạ tầng VT-CNTT ngang tầm thế giới.
Xem Kết quả Tại VN mạng 3G thường bị gián đoạn lúc rạng sáng.
Báo Bưu Điện Việt Nam đưa tin tập đoàn VNPT sẽ xây dựng hạ tầng VT-CNTT ngang tầm thế giới.
Ở VN,Mấy ông tổng khả năng it thường chỉ đủ lướt web đọc báo mà hay nổ lắm, nghe báo nhà nói thì cái gì cũng nhất.
Cách đây mấy hôm xem thống kê chi tiết về hạ tầng viễn thông thế giới, thậm trí liệt kê bảng so sánh tất cả các tỉnh ở VN cũng như các nhà mạng tại VN.
VN xếp hạng tương tự như xếp hạng kinh tế. Mặt khác VN không phải là nơi phát minh các công nghệ, chúng ta phải nhập khẩu máy móc, thiết bị, công nghệ từ nước ngoài thì tầm thế giới châu Phi.
Định nghĩa một ngày / giờ mới
<tt>
?
Thẻ <tt> được hỗ trợ trong tất cả các trình duyệt chính.
Tag <tt> không được hỗ trợ trong HTML5. Sử dụng CSS để thay thế.
Thẻ <tt> định nghĩa teletype văn bản.
Xem ví dụ
<tt>Teletype text</tt>
Xem Kết quả Teletype text
 Định nghĩa teletype văn bản x
<u>
?
Thẻ <u> được hỗ trợ trong tất cả các trình duyệt chính.
Nhưng không được hỗ trợ trong HTML5. Nên Sử dụng thuộc tính text-decoration của CSS để thay thế.
Xem ví dụ
<u> Gạch chân </u>
Xem Kết quả Gạch chân
Chữ gạch chân x
<var>
?
Xem lại <code> đã trình bày ở trên!
Định nghĩa một biến i
<wbr>
?
Thẻ <wbr> được hỗ trợ trong tất cả các trình duyệt chính, ngoại trừ Internet Explorer.
<wbr> (Word lao Opportunity) tag quy định cụ thể trong văn bản nó sẽ là ok để thêm một dòng mới.
Mẹo: Khi một từ quá dài, hoặc bạn sợ rằng trình duyệt sẽ phá vỡ khung văn bản của bạn tại địa điểm đó, bạn có thể sử dụng các yếu tố <wbr> để thêm cơ hội chèn từ.
Xem ví dụ
Cũng <wbr> acdefgh <wbr> bình thường thôi
Xem Kết quả Cũng acdefgh bình thường thôi
Định nghĩa một dòng-break có thể i
Form Các hình thức  
<form>
?
Thẻ <form> được hỗ trợ trong tất cả các trình duyệt chính.
Thẻ <form> được sử dụng để tạo ra một hình thức HTML cho người dùng nhập vào.
Các yếu tố <form> có thể chứa một hoặc nhiều các yếu tố hình thức sau đây:
<input> | <textarea> | <button> | <select> | <option> | <optgroup> | <fieldset> | <label>
Xem thêm các thuộc tính của FORM (Di chuột vào đây!)
Thuộc tính Giá trị Mô tả
accept MIME_type Không hỗ trợ trong HTML5. Chỉ định các loại tập tin mà máy chủ chấp nhận (nếu gửi tập tin)
accept-charset character_set Chỉ định bảng mã ký tự có thể được sử dụng cho các hình thức trình
action URL Chỉ định nơi nhận các dữ liệu khi form được gửi
autocomplete* on | off Xác định xem một hình thức cần phải có autocomplete hoặc tắt
enctype application/x-www-form-urlencoded multipart/form-data text/plain Xác định các dữ liệu mẫu như thế nào cần phải được mã hóa khi gửi nó đến máy chủ (chỉ dành cho method = "post")
method get | post Chỉ rõ phương thức HTTP để sử dụng khi gửi dữ liệu mẫu (get: gửi & nhận | post: chỉ gửi)
name text Chỉ định tên của một form
novalidate novalidate Chỉ định dạng không được xác nhận khi gửi
target _blank | _self | _parent | _top Chỉ định trang hiển thị kết quả thông báo sau khi nhấn nút gửi.

Xem ví dụ
<form action="http://contact.bendoi.vn" target="_blank">
Name: <input type="text" name="name" value="aaa"><br>
Email: <input type="text" name="email" value="bbb"><br>
<input type="submit" value="Gửi">
</form>
Xem Kết quả
Name:
Email:
Định nghĩa một hình thức HTML cho đầu vào của người sử dụng t
<input>
?
INPUT là thẻ tương đối nhiều thuộc tính trong HTML, nên tôi sẽ trình bày thành một trang riêng về INPUT để mọi ngượi tiện theo dõi và nắm bắt hết các chức năng của nó. Tại đây, những đặc tính mới của INPUT sẽ luôn được cập nhật từ W3C.
Mời các bạn xem tại đây
 Định nghĩa một kiểm soát đầu vào t
<textarea>
?
Thẻ <textarea> được hỗ trợ trong tất cả các trình duyệt chính.
Thẻ <textarea> xác định một điều khiển nhập văn bản nhiều dòng.
Thẻ <textarea> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <textarea thuộc_tính="giá_trị" >Nội dung</textarea>
Xem bảng thuộc tính (di chuột vào đây!)
Thuộc tính Giá trị Mô tả
autofocus * autofocus Khi vừa tải trang xong, con trỏ chuột sẽ tự động đưa về vùng soạn thảo
cols number Số ký tự tối đa theo chiều ngang
disabled disabled Chỉ định một vùng văn bản bị vô hiệu hóa, không thể viết lên đây được
form * form_id Chỉ định một hoặc nhiều hình thức
maxlength * number Chỉ định số lượng tối đa ký tự cho phép trong vùng văn bản
name text Chỉ định một tên cho một vùng văn bản
placeholder * text Chỉ định một gợi ý ngắn mô tả một vùng văn bản
readonly readonly Xác định rằng một khu vực văn bản chỉ đọc
required * required Chỉ ra rằng một vùng văn bản được gửi đi/ gửi về
rows number Chỉ định số lượng dòng văn bản
wrap * hard | soft Văn bản được xuống dòng như khi soạn thảo hoặc không xuống dòng

Xem ví dụ
<textarea rows="4" cols="50">...</textarea>
Xem Kết quả
Nhập đoạn văn bản t
<button>
?
Thẻ <button> được hỗ trợ trong tất cả các trình duyệt chính.
Thẻ <button> định nghĩa một nút bấm.
Bên trong một yếu tố <button> bạn có thể đưa nội dung như văn bản hoặc hình ảnh. Đây là sự khác biệt giữa các thành phần này và tạo ra các nút với các yếu tố <input>.
Mẹo: Luôn luôn ghi rõ các loại thuộc tính cho một yếu tố <button>. Trình duyệt khác nhau sử dụng các loại mặc định khác nhau cho các phần tử <button>.
Lưu ý: Nếu bạn sử dụng các yếu tố <button> trong một hình thức HTML, trình duyệt khác nhau có thể gửi các giá trị khác nhau. Sử dụng <input> để tạo ra các nút trong một hình thức HTML.
<button> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <button thuộc_tính="giá_trị" >Nội dung</button>
Xem bảng thuộc tính (di chuột vào đây!)
Thuộc tính Giá trị Mô tả
autofocus autofocus Con trỏ chuột tự động chọn nút vừa tải trang
disabled disabled Chỉ định một nút nên bị vô hiệu hóa
form form_id định danh
formaction URL nới nhân dữ liệu
formenctype application/x-www-form-urlencoded multipart/form-data text/plain Xác định dạng dữ liệu được mã hóa trước khi gửi nó tới một máy chủ. Chỉ dành cho type = "submit"
formmethod get post Phương thức truyền dữ liệu mẫu
formnovalidate formnovalidate Chỉ định rằng các dữ liệu mẫu không nên được xác nhận trên trình. Chỉ dành cho type = "submit"
formtarget _blank _self _parent _top framename Chỉ định nơi để hiển thị các phản ứng sau khi nộp mẫu đơn. Chỉ dành cho type = "submit"
name name Chỉ định một tên cho nút
type button reset submit Chỉ định kiểu của nút
value text Chỉ định một giá trị ban đầu cho các nút

Xem ví dụ
<button type="button">Click Me!</button>
Xem Kết quả
Định nghĩa một nút bấm t
<select>
?
Thẻ <select> được hỗ trợ trong tất cả các trình duyệt chính.
Các yếu tố <select> được sử dụng để tạo ra một danh sách thả xuống.
Các <option> thẻ bên trong phần tử <select> xác định các tùy chọn có sẵn trong danh sách.
Mẹo: Các yếu tố <select> là một điều khiển biểu mẫu và có thể được sử dụng trong một biểu mẫu để thu thập đầu vào của người dùng.
<select> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <select thuộc_tính="giá_trị" >Nội dung</select>
Xem bảng thuộc tính (di chuột vào đây!)
Thuộc tính Giá trị Mô tả
autofocus autofocus Con trỏ chuột tự động chọn nút vừa tải trang
disabled disabled Chỉ định rằng một danh sách thả xuống nên bị vô hiệu hóa
form form_id Định danh
multiple multiple Chỉ ra rằng nhiều tùy chọn có thể được chọn cùng một lúc
name name Định nghĩa một tên cho danh sách thả xuống
required required Chỉ định mà người dùng được yêu cầu để lựa chọn một giá trị trước khi trình các hình thức
size number Xác định số lượng các tùy chọn có thể nhìn thấy trong một danh sách thả xuống

Xem ví dụ
<select>
<option value="01">001</option>
<option value="02">002</option>
<option value="03">003</option>
<option value="04">004</option>
</select>
Xem Kết quả
Định nghĩa một danh sách thả xuống  
<optgroup>
?
Thẻ <optgroup> được hỗ trợ trong tất cả các trình duyệt chính.
<optgroup> Được sử dụng để lựa chọn liên quan đến nhóm trong một danh sách thả xuống.
Nếu bạn có một danh sách dài các tùy chọn, nhóm các tùy chọn liên quan dễ dàng hơn để xử lý cho người sử dụng.
<optgroup> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <optgroup thuộc_tính="giá_trị" > ... các option ... </optgroup>
Xem bảng thuộc tính (di chuột vào đây!)
Thuộc tính Giá trị Mô tả
disabled disabled Chỉ định rằng một nhóm tùy chọn nên được vô hiệu hóa
label text Chỉ định một nhãn cho một nhóm tùy chọn

Xem ví dụ
<select>
<optgroup label="1">
<option value="1.1">11</option>
<option value="1.2">12</option>
</optgroup>
<optgroup label="2">
<option value="2.1">21</option>
<option value="2.2">22</option>
</optgroup>
</select>
Xem Kết quả
Định nghĩa một nhóm các tùy chọn liên quan trong một danh sách thả xuống  
<option>
?
Thẻ <option> được hỗ trợ trong tất cả các trình duyệt chính.
Thẻ <option> xác định một tùy chọn trong một danh sách lựa chọn.
yếu tố <option> đi bên trong một yếu tố <select> hoặc <datalist>
Lưu ý: tag <option> có thể được sử dụng mà không có bất kỳ thuộc tính, nhưng thường cần các giá trị thuộc tính, mà chỉ ra những gì được gửi đến máy chủ.
Mẹo: Nếu bạn có một danh sách dài các tùy chọn, bạn có thể nhóm các tùy chọn liên quan với <optgroup>.
<option> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <option thuộc_tính="giá_trị" >Nội dung</option>
Xem bảng thuộc tính (di chuột vào đây!)
Thuộc tính Giá trị Mô tả
disabled disabled Chỉ định một tùy chọn nên được vô hiệu hóa
label text Chỉ định một nhãn ngắn hơn cho một tùy chọn
selected selected Chỉ định rằng một lựa chọn nên được chọn sẵn, khi tải trang
value text Chỉ định giá trị sẽ được gửi đến một máy chủ

Xem ví dụ
<select>
<option value="01">001</option>
<option value="02">002</option>
<option value="03">003</option>
<option value="04">004</option>
</select>
Xem Kết quả
Định nghĩa một tùy chọn trong một danh sách thả xuống  
<label>
?
Thẻ <label> được hỗ trợ trong tất cả các trình duyệt chính.
Thẻ <label> xác định một nhãn cho một thành phần <input>.
Các yếu tố <label> đó không làm bất cứ điều gì đặc biệt cho người sử dụng. Tuy nhiên, nó cung cấp một sự cải thiện khả năng sử dụng cho người sử dụng chuột, bởi vì nếu người dùng nhấp vào văn bản trong các yếu tố <label>, nó chuyển đổi giữa kiểm soát.
Các thuộc tính của thẻ <label> nên bằng các thuộc tính id của các yếu tố liên quan để liên kết chúng lại với nhau.
Mẹo: Nhãn có thể bị ràng buộc vào một phần tử bằng cách sử dụng "cho" thuộc tính, hoặc bằng cách đặt các yếu tố bên trong phần tử <label>.
<label> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <label thuộc_tính="giá_trị" >...</label>
Xem bảng thuộc tính (di chuột vào đây!)
Thuộc tính Giá trị Mô tả
for element_id Chỉ định yếu tố hình thức nhãn là ràng buộc để
form form_id Chỉ định một hoặc nhiều hình thức nhãn thuộc về

Xem ví dụ
<form action="">
<input type="radio" name="sex" id="male" value="male"> <label for="male">Male</label>
<input type="radio" name="sex" id="female" value="female"> <label for="female">Female</label>
<input type="submit" value="Submit">
</form>
Xem Kết quả
Định nghĩa một nhãn cho một thành phần <input>  
<fieldset>
?
Thẻ <fieldset> được hỗ trợ trong tất cả các trình duyệt chính.
Tag <fieldset> được sử dụng các yếu tố liên quan đến nhóm trong một biểu mẫu.
Thẻ <fieldset> vẽ một hộp xung quanh các yếu tố có liên quan.
Mẹo: Các <legend> tag định nghĩa một chú thích cho các phần tử <fieldset>.
<fieldset> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <fieldset thuộc_tính="giá_trị" >...</fieldset>
Xem bảng thuộc tính (di chuột vào đây!)
Thuộc tính Giá trị Mô tả
disabled disabled bị vô hiệu hóa
form form_id Chỉ định một hoặc nhiều hình thức fieldset
name text Chỉ định một tên cho các fieldset

Xem ví dụ
<fieldset>
<legend>Tiên đề:</legend>
Nội dung ....
</fieldset>
Xem Kết quả
Tiên đề: Nội dung ....
Nhóm liên quan đến các yếu tố trong một biểu mẫu  
<legend>
?
Thẻ <legend> được hỗ trợ trong tất cả các trình duyệt chính.
Thẻ <legend> định nghĩa một chú thích cho <fieldset> phần tử.
<legend> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <legend thuộc_tính="giá_trị" >...</legend>
Xem bảng thuộc tính (di chuột vào đây!)
Ngày nay không nên dùng trự tiếp <legend thuộc_tính="giá_trị" >...</legend> mà dùng css.
ví dụ: legend {color:#ff0099;}

Xem ví dụ
<fieldset>
<legend>Tiên đề:</legend>
Nội dung ....
</fieldset>
Xem Kết quả
Tiên đề: Nội dung ....
Định nghĩa một chú thích cho một <fieldset>, con số, hoặc yếu tố <details>  
<datalist>
?
Thẻ <datalist> được hỗ trợ trong Internet Explorer 10, Firefox, Opera, và Chrome.
Lưu ý: Thẻ <datalist> không được hỗ trợ trong Internet Explorer 9 và các phiên bản trước đó, hoặc trong Safari.
Thẻ <datalist> xác định một danh sách các tùy chọn được xác định trước cho một thành phần <input>.
Tag <datalist> được sử dụng để cung cấp một tính năng "autocomplete" trên các yếu tố <input>. Người dùng sẽ thấy một danh sách thả xuống của tùy chọn được xác định trước khi họ nhập dữ liệu.
Sử dụng danh sách thuộc tính của các yếu tố <input> để ràng buộc nó với một yếu tố <datalist>.
<datalist> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Xem ví dụ
<form action="" method="get">
<input list="browsers" name="browser">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
<input type="submit">
</form>
Xem Kết quả
Gõ 1 trong các chữ i, f, c, o, s vào ô để thấy hiện tượng
Chỉ định một danh sách các tùy chọn được xác định trước cho các điều khiển đầu vào mới
<keygen>
?
Thẻ <keygen> được hỗ trợ trong Firefox, Opera, Chrome, và Safari for Mac.
Lưu ý: Thẻ <keygen> không được hỗ trợ trong Internet Explorer, hoặc trong Safari cho Windows.
Thẻ <keygen> quy định cụ thể một lĩnh vực cung cấp dữ liệu từ máy tính
Khi biểu mẫu được gửi, khóa bí mật được giữ riêng tư, và khóa công khai được gửi đến máy chủ.
<keygen> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <keygen thuộc_tính="giá_trị" >...</keygen>
Xem bảng thuộc tính (di chuột vào đây!)
Thuộc tính Giá trị Mô tả
autofocus autofocus Chỉ định rằng một phần tử <keygen> sẽ tự động nhận khi tải trang
challenge challenge Chỉ định rằng giá trị của phần tử <keygen> khi gửi
disabled disabled Chỉ định rằng một yếu tố <keygen> nên bị vô hiệu hóa
form form_id Chỉ định một hoặc nhiều hình thức các yếu tố <keygen>
keytype rsa dsa ec Chỉ định các thuật toán bảo mật
name name Định nghĩa một tên cho các phần tử <keygen>

Xem ví dụ
<form action="sp" method="get">
Username: <input type="text" name="usr_name">
Encryption: <keygen name="security">
<input type="submit" disabled/>
</form>
Xem Kết quả
Username: Encryption:
Định nghĩa một lĩnh vực máy phát điện chính đôi (cho các hình thức) mới
<output>
?
Thẻ <output> được hỗ trợ trong Firefox, Opera, Chrome, và Safari.
Lưu ý: Thẻ <output> không được hỗ trợ trong Internet Explorer.
Thẻ <output> đại diện cho kết quả của một phép tính (như được thực hiện bởi một kịch bản).
<output> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <output thuộc_tính="giá_trị" >...</output>
Xem bảng thuộc tính (di chuột vào đây!)
Thuộc tính Giá trị Mô tả
for element_id Chỉ định mối quan hệ giữa kết quả của phép tính, và các yếu tố được sử dụng trong tính toán
form form_id Chỉ định một hoặc nhiều hình thức
name name Chỉ định một tên cho các phần tử đầu ra

Xem ví dụ
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>
Xem Kết quả
0 100 + =
 Xác định kết quả của một phép tính mới
Frames    
<frame>
?
Ngày nay, không cần phải học cái này! Bạn nên thay thế bằng iframe
 Không hỗ trợ HTML5. Định nghĩa một cửa sổ (khung) trong một frameset x
<frameset>
?
Ngày nay, không cần phải học cái này! Bạn nên thay thế bằng iframe
 Không hỗ trợ HTML5. Định nghĩa một tập hợp các khung hình x
<noframes>
?
Ngày nay, không cần phải học cái này!
 Không hỗ trợ HTML5. Xác định nội dung thay thế cho người sử dụng không hỗ trợ khung x
<iframe>
?
Thẻ <iframe> được hỗ trợ trong tất cả các trình duyệt chính.
Thẻ <iframe> xác định một khung nội tuyến.
Một khung nội tuyến được sử dụng để nhúng một tài liệu trong các tài liệu HTML.
Mẹo: Để đối phó với các trình duyệt không hỗ trợ <iframe>, thêm một văn bản giữa các thẻ <iframe> mở và thẻ đóng </ iframe> tag.
Ngày nay: Nên sử dụng CSS phong cách <iframe> (thậm chí bao gồm thanh cuộn).
<iframe> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <iframe thuộc_tính="giá_trị" >...</iframe>
Xem bảng thuộc tính (di chuột vào đây!)
Thuộc tính Giá trị Mô tả
align left right top middle bottom Không được hỗ trợ trong HTML5. Phản đối trong HTML 4.01. Chỉ định sự liên kết của một <iframe> theo các yếu tố xung quanh
frameborder 0 1 Không hỗ trợ HTML5. Chỉ định có hay không để hiển thị đường viền xung quanh một <iframe>
height pixels Chỉ định chiều cao của một <iframe>
longdesc URL Không hỗ trợ HTML5. Chỉ định một trang có chứa một mô tả nội dung của một <iframe>
marginheight pixels Không hỗ trợ HTML5. Chỉ định lề trên và dưới của nội dung của một <iframe>
marginwidth pixels Không hỗ trợ HTML5. Chỉ định lề trái và phải của nội dung của một <iframe>
name name Chỉ định tên của một <iframe>
sandbox allow-forms
allow-same-origin
allow-scripts
allow-top-navigation		 Cho phép một tập hợp các hạn chế bổ sung cho nội dung trong các <iframe>
scrolling yes no auto Không hỗ trợ HTML5. Chỉ định có hay không để hiển thị thanh cuộn trong <iframe>
seamless seamless Chỉ định rằng các <iframe> nên trông giống như nó là một phần của các tài liệu có chứa
src URL Chỉ định địa chỉ của tài liệu để nhúng vào các <iframe>
srcdoc HTML_code Quy định cụ thể nội dung HTML của trang để hiển thị trong các <iframe>
width pixels Chỉ định chiều rộng của một <iframe>

Xem ví dụ
<iframe src="http://bit.ly/bendoi001"></iframe>
Xem Kết quả
Định nghĩa một khung nội tuyến  
    Hình ảnh  
<img>
?
Thẻ img được hỗ trợ trong tất cả các trình duyệt chính. Thẻ img định nghĩa một hình ảnh trong một trang HTML. Thẻ img có hai thuộc tính yêu cầu: src và alt.
Ngày nay: Trước kia <img> có nhiều thuộc tính nhưng ngày nay phải thay thế bằng CSS .
<img> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <img thuộc_tính="giá_trị" .../>
Xem bảng thuộc tính (di chuột vào đây!)
Thuộc tính Giá trị Mô tả
align top bottom middle left right x5x4 Xác định sự liên kết của một hình ảnh theo các yếu tố xung quanh
alt text Chỉ định một văn bản thay thế cho hình ảnh nếu ảnh không hiển thị
border pixels Không được hỗ trợ trong HTML5. Phản đối trong HTML 4.01. Xác định chiều rộng của biên giới xung quanh một hình ảnh
crossorigin anonymous
use-credentials		 Cho phép hình ảnh từ các trang web của bên thứ ba cho phép truy cập qua nguồn gốc được sử dụng với vải
height pixels Chỉ định chiều cao của một hình ảnh
hspace pixels Không được hỗ trợ trong HTML5. Phản đối trong HTML 4.01. Chỉ định các khoảng trắng bên trái và bên phải của một hình ảnh
ismap ismap Chỉ định một hình ảnh như là một bản đồ hình ảnh phía máy chủ
longdesc URL Không hỗ trợ HTML5. Chỉ định URL vào một tài liệu có chứa một mô tả của một hình ảnh
src URL Chỉ định URL của hình ảnh
usemap #mapname Chỉ định một hình ảnh như là một bản đồ hình ảnh phía máy khách
vspace pixels Không được hỗ trợ trong HTML5. Phản đối trong HTML 4.01. Chỉ định khoảng trắng trên đỉnh và đáy của một hình ảnh
width pixels Xác định chiều rộng của một hình ảnh

Xem ví dụ
<img src="http://bit.ly/bendoi001" alt="Cuộc sống bên đời" height="155" width="355">
Xem Kết quả Cuộc sống bên đời
 Định nghĩa một hình ảnh  
<map>
?
Thẻ <map> được hỗ trợ trong tất cả các trình duyệt chính.
Tag <map> được sử dụng hình ảnh với các khu vực có thể click.
&lt;map&gt; cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <map thuộc_tính="giá_trị" .../>
Xem bảng thuộc tính (di chuột vào đây!)
Thuộc tính Giá trị Mô tả
name mapname Chỉ định tên của một bản đồ hình ảnh

Xem ví dụ
<img usemap="#tutorials" src="http://...gif" alt="usemap" border="0">
<map name="tutorials">
<area shape="poly" coords="74,0,113,29,98,72,52,72,38,27" href="#" alt="" target="_blank">
<area shape="rect" coords="22,83,126,125" alt="" href="#" target="_blank">
<area shape="circle" coords="73,168,32" alt="" href="#" target="_blank">
</map>
Xem Kết quả
Định nghĩa một client-side hình ảnh bản đồ  
<area>
?
Thẻ <area> được hỗ trợ trong tất cả các trình duyệt chính.
Thẻ <area> xác định một khu vực bên trong một bản đồ hình ảnh (hình ảnh một bản đồ là một hình ảnh với các khu vực có thể click).
Các yếu tố luôn luôn được lồng vào bên trong một thẻ <map> <area>.
Lưu ý: Các thuộc tính usemap trong <img> thẻ được kết hợp với thuộc tính tên phần tử <map> , và tạo ra một mối quan hệ giữa hình ảnh và bản đồ.
&lt;area&gt; cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <area thuộc_tính="giá_trị" .../>
Xem bảng thuộc tính (di chuột vào đây!)
Thuộc tính Giá trị Mô tả
old text Chỉ định một văn bản thay thế cho khu vực. Yêu cầu nếu thuộc tính href là
coords coordinates Xác định tọa độ của khu vực
href URL Xác định mục tiêu liên kết khu vực
hreflang language_code Chỉ định ngôn ngữ của URL mục tiêu
media media query Chỉ định những gì các phương tiện truyền thông / thiết bị URL mục tiêu được tối ưu hóa cho
nohref value Không hỗ trợ HTML5. Chỉ định rằng một khu vực không có liên kết liên quan
rel alternate author bookmark Help license next nofollow noreferrer prefetch prev search tag Xác định mối quan hệ giữa các tài liệu hiện tại và URL mục tiêu
shape default rect circle poly Chỉ định hình dạng của khu vực
target _blank _parent _self _top framename Xác định nơi để mở URL mục tiêu
type MIME_type Chỉ định kiểu MIME của URL mục tiêu

Xem ví dụ
<img usemap="#tutorials" src="http://...gif" alt="usemap" border="0">
<map name="tutorials">
<area shape="poly" coords="74,0,113,29,98,72,52,72,38,27" href="#" alt="" target="_blank">
<area shape="rect" coords="22,83,126,125" alt="" href="#" target="_blank">
<area shape="circle" coords="73,168,32" alt="" href="#" target="_blank">
</map>
Xem Kết quả usemap
Xác định một khu vực bên trong một bản đồ hình ảnh  
<canvas>
?
Thẻ <canvas> được hỗ trợ trong Internet Explorer 9 +, Firefox, Opera, Chrome, và Safari.
Lưu ý: Internet Explorer 8 và các phiên bản trước đó, không hỗ trợ thẻ <canvas>.
Tag <canvas> được sử dụng để vẽ đồ họa, trên bay, thông qua kịch bản (thường là JavaScript).
Thẻ <canvas> chỉ là một thư viện cho đồ họa, bạn phải sử dụng một kịch bản để thực sự vẽ đồ họa.
&lt;canvas&gt; cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <canvas thuộc_tính="giá_trị"></canvas>
Xem bảng thuộc tính (di chuột vào đây!)
Thuộc tính Giá trị Mô tả
height pixels Chỉ định chiều cao của canvas
width pixels Xác định chiều rộng của canvas

Xem ví dụ
<canvas id="myCanvas"></canvas>
<script type="text/javascript">
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script>
Xem Kết quả
Được sử dụng để vẽ đồ họa, trên bay, thông qua kịch bản (thường là JavaScript) mới
<figcaption>
?
Thẻ <figcaption> được hỗ trợ trong Internet Explorer 9, Firefox, Opera, Chrome, và Safari.
Lưu ý: Internet Explorer 8 và các phiên bản trước đó, không hỗ trợ thẻ <figcaption>.
Thẻ < figcaption > định nghĩa một chú thích cho một <figure> phần tử.
< figcaption > cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: < figcaption ></figcaption>
Xem ví dụ
<figure>
<img src="img.jpg" alt="đây là ảnh" width="50" height="20">
<figcaption>Đây là chú thích bức ảnh</figcaption>
</figure>
Xem Kết quả
đây là ảnh
Đây là chú thích bức ảnh
 Định nghĩa một chú thích cho một yếu tố <figure> mới
<figure>
?
Thẻ <figure> được hỗ trợ trong Internet Explorer 9, Firefox, Opera, Chrome, và Safari.
Lưu ý: Internet Explorer 8 và các phiên bản trước đó, không hỗ trợ thẻ <figure>.
Thẻ <figure> quy định cụ thể nội dung khép kín, như minh họa, sơ đồ, hình ảnh, danh sách mã, vv
<figure> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <figure >...</figure>
Xem ví dụ
<figure>
<img src=".jpg" alt="đây là ảnh" width="30" height="20">
</figure>
Xem Kết quả
đây là ảnh
 Chỉ định nội dung khép kín mới
  Audio / Video  
<audio>
?
Thẻ <audio> được hỗ trợ trong Internet Explorer 9 +, Firefox, Opera, Chrome, và Safari.
Lưu ý: Internet Explorer 8 và các phiên bản trước đó, không hỗ trợ thẻ <audio>.
Thẻ <audio> định nghĩa âm thanh, chẳng hạn như nhạc hoặc file âm thanh khác.
Hiện nay, có 3 định dạng tập tin hỗ trợ dành cho các yếu tố <audio>: MP3, Wav, Ogg
<audio> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <audio thuộc_tính="giá_trị"></audio>
Xem bảng thuộc tính (di chuột vào đây!)
Thuộc tính Giá trị Mô tả
autoplay autoplay Chỉ định rằng âm thanh sẽ bắt đầu chơi ngay sau khi nó đã sẵn sàng
controls controls Chỉ định rằng điều khiển âm thanh sẽ được hiển thị (ví dụ như một nút play / pause vv).
loop loop Chỉ định rằng âm thanh sẽ bắt đầu lại từ đầu một lần nữa, mỗi khi nó được hoàn tất
muted muted Chỉ định rằng đầu ra âm thanh nên được tắt
preload auto metadata none Chỉ định và làm thế nào tác giả cho rằng âm thanh nên được nạp khi tải trang
src URL Chỉ định URL của tập tin âm thanh

Xem ví dụ
<audio controls>
<source src="file.ogg" type="audio/ogg">
<source src="file.mp3" type="audio/mpeg">
<source src="file.wav" type="audio/wav">
</audio>
Xem Kết quả
Xác định nội dung âm thanh mới
<source>
?
Thẻ <source> được hỗ trợ trong Internet Explorer 9 +, Firefox, Opera, Chrome, và Safari.
Lưu ý: Internet Explorer 8 và các phiên bản trước đó, không hỗ trợ thẻ <source>.
Thẻ <source> được sử dụng để xác định các phương tiện truyền thông nhiều nguồn lực cho các phương tiện truyền thông các yếu tố, chẳng hạn như <video> và <audio>.
Thẻ <source> cho phép bạn xác định video / thay thế các tập tin âm thanh mà trình duyệt có thể lựa chọn, dựa trên các loại phương tiện truyền thông hoặc hỗ trợ các codec.
<source> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <source thuộc_tính="giá_trị"/>
Xem bảng thuộc tính (di chuột vào đây!)
Thuộc tính Giá trị Mô tả
media media_query Chỉ định các loại phương tiện truyền thông tài nguyên
src URL Chỉ định URL của tập tin phương tiện truyền thông
type MIME_type Chỉ định kiểu MIME của các nguồn tài nguyên phương tiện truyền thông

Xem ví dụ
<audio controls>
<source src="file.ogg" type="audio/ogg">
<source src="file.mp3" type="audio/mpeg">
<source src="file.wav" type="audio/wav">
</audio>
Xem Kết quả
Xác định nhiều phương tiện truyền thông các nguồn lực cho các yếu tố phương tiện truyền thông (<video> và <audio>) mới
<track>
?
Tag <track> không được hỗ trợ trong bất kỳ các trình duyệt chính.
Thẻ <track> quy định cụ thể các bài văn bản cho các phương tiện truyền thông yếu tố (<audio> và <video>).
Yếu tố này được sử dụng để xác định phụ đề, các tập tin chú thích hoặc các tập tin khác có chứa văn bản, nên được nhìn thấy khi các phương tiện truyền thông đang chơi.
<track> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <track thuộc_tính="giá_trị"/>
Xem bảng thuộc tính (di chuột vào đây!)
Thuộc tính Giá trị Mô tả
default default Chỉ định rằng đường đua để được kích hoạt nếu sở thích của người sử dụng không chỉ ra rằng một track sẽ thích hợp hơn
kind captions, chapters, descriptions, metadata, subtitles Chỉ định các loại văn bản theo dõi
label text Chỉ định tiêu đề của văn bản theo dõi
src URL Yêu cầu. Chỉ định URL của tập tin theo dõi
srclang language_code Chỉ định ngôn ngữ của các dữ liệu văn bản theo dõi (nếu loại = "phụ đề")

Xem ví dụ
Một đoạn video với hai phụ đề
<video width="320" height="240" controls>
<source src="file.mp4" type="video/mp4">
<source src="file.ogg" type="video/ogg">
<track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
<track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</video>
Xem Kết quả
Xác định các bài văn bản (phụ đề) cho các phương tiện truyền thông (<video> và <audio>) mới
<video>
?
Thẻ <video> được hỗ trợ trong Internet Explorer 9 +, Firefox, Opera, Chrome, và Safari.
Lưu ý: Internet Explorer 8 và các phiên bản trước đó, không hỗ trợ thẻ <video>.
Thẻ <video> xác định video, chẳng hạn như một đoạn phim hoặc các dòng video khác.
Hiện nay, có 3 định dạng video hỗ trợ dành cho các yếu tố <video>: MP4, WebM và Ogg
<video> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <video thuộc_tính="giá_trị"></video>
Xem bảng thuộc tính (di chuột vào đây!)
Thuộc tính Giá trị Mô tả
autoplay autoplay Chỉ định rằng video sẽ bắt đầu chơi ngay sau khi nó đã sẵn sàng
controls controls Chỉ định rằng điều khiển video sẽ được hiển thị (ví dụ như một nút play / pause vv).
height pixels Thiết lập chiều cao của trình phát video
loop loop Chỉ định rằng video sẽ bắt đầu lại từ đầu một lần nữa, mỗi khi nó được hoàn tất
muted muted Chỉ định rằng sản lượng âm thanh của video nên bị tắt tiếng
poster URL Chỉ định một hình ảnh được hiển thị trong khi video được tải về, hoặc cho đến khi người dùng chạm vào nút play
preload auto, metadata, none Chỉ định và tác giả nghĩ như thế nào nên được nạp video khi tải trang
src URL Chỉ định URL của file video
width pixels Bộ chiều rộng của trình phát video

Xem ví dụ
<video width="320" height="240" controls>
<source src="....mp4" type="video/mp4">
<source src="....ogg" type="video/ogg">
<source src="....webm" type="video/webm">
</video>
Xem Kết quả
Định nghĩa một video hoặc phim mới
  Liên kết  
<a>
?
Thẻ <a> được hỗ trợ trong tất cả các trình duyệt chính.
Thẻ <a> định nghĩa một siêu liên kết, được sử dụng để liên kết từ trang này sang trang khác hoặc đến 1 điểm neo trong cùng 1 trang.
<a> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <a thuộc_tính="giá_trị"></a>
Xem bảng thuộc tính (di chuột vào đây!)
Thuộc tính Giá trị Mô tả
charset char_encoding Không hỗ trợ HTML5. Chỉ định ký tự-set của một tài liệu được liên kết
coords coordinates Không hỗ trợ HTML5. Xác định tọa độ của một liên kết
href URL Chỉ định URL của các trang liên kết đi
hreflang language_code Chỉ định ngôn ngữ của các tài liệu được liên kết
media media_query Chỉ định những gì các phương tiện truyền thông / thiết bị các tài liệu liên kết được tối ưu hóa cho
name section_name Không hỗ trợ HTML5. Chỉ định tên của một neo
rel alternate, author, bookmark, help, license, next, nofollow, noreferrer, prefetch, prev, search, tag Chỉ định mối quan hệ giữa các tài liệu hiện tại và tài liệu liên quan
rev text Không hỗ trợ trong HTML5. Chỉ định mối quan hệ giữa các tài liệu liên kết và tài liệu hiện tại
shape default, rect, circle, poly Không hỗ trợ HTML5. Chỉ định hình dạng của một liên kết
target _blank, _parent, _self, _top, framename Xác định nơi để mở các tài liệu liên kết
type MIME_type Chỉ định kiểu MIME của các tài liệu được liên kết

Xem ví dụ
<a href="http://bendoi.vn" target="_blank">liên kết bật sang trang khác</a>
<a href="#aaa" >liên kết đến 1 điểm neo cùng trang</a>
<a id="aaa">điểm làm neo</a>
Xem Kết quả liên kết bật sang trang khác
liên kết đến 1 điểm neo cùng trang
điểm làm neo
 Định nghĩa một siêu liên kết  
<link>
?
Khi được sử dụng cho các style sheets, thẻ <link> được hỗ trợ trong tất cả các trình duyệt chính. Không hỗ trợ thực sự cho bất cứ điều gì khác.
Thẻ <link> xác định mối quan hệ giữa một tài liệu và các tài nguyên bên ngoài.
Thẻ <link> được sử dụng để liên kết đến style sheets.
Lưu ý: Các yếu tố <link> là một phần tử rỗng, nó chỉ chứa các thuộc tính.
Lưu ý: Yếu tố này chỉ trong phần đầu, nhưng nó có thể xuất hiện bất kỳ số lần.
<link> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <link thuộc_tính="giá_trị"/>
Xem bảng thuộc tính (di chuột vào đây!)
Thuộc tính Giá trị Mô tả
charset char_encoding Không hỗ trợ HTML5. Chỉ định mã hóa ký tự của các tài liệu được liên kết
href URL Chỉ định vị trí của các tài liệu được liên kết
hreflang language_code Chỉ định ngôn ngữ của văn bản trong các tài liệu liên kết
media media_query Chỉ định trên thiết bị tài liệu liên kết sẽ được hiển thị
rel alternate, archives, author, bookmark, external, first, help, icon, last, license, next, nofollow, noreferrer, pingback, prefetch, prev, search, sidebar, stylesheet, tag, up Yêu cầu. Chỉ định mối quan hệ giữa các tài liệu hiện tại và tài liệu liên quan
rev reversed, relationship Không hỗ trợ trong HTML5. Chỉ định mối quan hệ giữa các tài liệu liên kết và tài liệu hiện tại
sizes HeightxWidth, any Chỉ định kích thước của các nguồn tài nguyên được liên kết. Chỉ cho rel = "biểu tượng"
target _blank, _self, _top, _parent, frame, _name Không hỗ trợ HTML5. Chỉ định nơi mà các tài liệu liên kết được nạp
type MIME_type Chỉ định kiểu MIME của các tài liệu được liên kết

Xem ví dụ
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
Xác định mối quan hệ giữa một tài liệu và các tài nguyên bên ngoài (nhất được sử dụng để liên kết đến style sheets)  
<nav>
?
Các tag <nav> được hỗ trợ trong Internet Explorer 9, Firefox, Opera, Chrome, và Safari.
Lưu ý: Internet Explorer 8 và các phiên bản trước đó, không hỗ trợ thẻ <nav>.
Các tag <nav> định nghĩa một phần của liên kết điều hướng.
Không phải tất cả các liên kết của một tài liệu phải được trong một phần tử <nav>. Yếu tố <nav> chỉ dành cho khối chính của các liên kết điều hướng.
<nav> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <nav thuộc_tính="giá_trị">...</nav>
Xem ví dụ
<nav> <a href="/html/">HTML</a> | <a href="/css/">CSS</a> | <a href="/js/">JavaScript</a> | <a href="/jquery/">jQuery</a> </nav>
Xem Kết quả
Định nghĩa liên kết điều hướng mới
    Danh sách  
<ul>
?
Tag <ul> được hỗ trợ trong tất cả các trình duyệt chính.
Thẻ <ul> định nghĩa một danh sách (gạch đầu dòng) có thứ tự.
Sử dụng thẻ <ul> cùng với <li> tag để tạo ra thứ tự danh sách.
Mẹo: Sử dụng CSS vào danh sách phong cách.
Mẹo: Để tạo danh sách số thứ tự, sử dụng tag <ol> .
<ul> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <ul thuộc_tính="giá_trị">...</ul>
Xem bảng thuộc tính (di chuột vào đây!)
Ngày nay thuộc_tính="giá_trị" nên viết bằng CSS. Không nên viết trực tiếp như cú pháp cũ.

Xem ví dụ
<ul>
<li>aaaaa</li>
<li>bbbbb</li>
<li>ccccc</li>
</ul>
Xem Kết quả
  • aaaaa
  • bbbbb
  • ccccc
 Định nghĩa một danh sách có thứ tự (chứa các <li>)  
<ol>
?
Thẻ <ol> được hỗ trợ trong tất cả các trình duyệt chính.
Tag <ol> định nghĩa một danh sách có thứ tự. Một danh sách có thứ tự có thể là số hoặc chữ cái.
Sử dụng <li> tag để xác định danh sách các mục.
Mẹo: Đối với danh sách không có thứ tự, sử dụng thẻ <ul> .
Mẹo: Sử dụng CSS vào danh sách phong cách.
<ol> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <ol thuộc_tính="giá_trị">...</ol>
Xem bảng thuộc tính (di chuột vào đây!)
Ngày nay thuộc_tính="giá_trị" nên viết riêng trong phần CSS. Không nên viết trực tiếp.
Thuộc tính Giá trị Mô tả
compact compact Không được hỗ trợ trong HTML5. Phản đối trong HTML 4.01. Chỉ định rằng danh sách sẽ làm cho nhỏ hơn bình thường
reversed reversed Chỉ định rằng trật tự Danh sách này sẽ được giảm dần (9,8,7 ...)
start number Chỉ định giá trị bắt đầu của một danh sách có thứ tự
type 1, A, a, I, i Chỉ định các loại điểm đánh dấu để sử dụng trong danh sách

Xem ví dụ
<ol>
<li>aaaaa</li>
<li>bbbbb</li>
<li>ccccc</li>
</ol>
<ol start="5">
<li>aaaaa</li>
<li>bbbbb</li>
<li>ccccc</li>
</ol>
Xem Kết quả
  1. aaaaa
  2. bbbbb
  3. ccccc
  1. aaaaa
  2. bbbbb
  3. ccccc
 Định nghĩa một danh sách có thứ tự số (chứa các <li>)  
<li>
?
Thẻ <li> được hỗ trợ trong tất cả các trình duyệt chính.
Thẻ <li> xác định một mục danh sách.
Thẻ <li> được sử dụng trong danh sách có thứ tự ( <ol> ), không có thứ tự các danh sách ( <ul> ), và trong danh sách trình đơn ( <menu> ).
<ol> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <li thuộc_tính="giá_trị">...</li>
Xem bảng thuộc tính (di chuột vào đây!)
Ngày nay thuộc_tính="giá_trị" nên viết riêng trong phần CSS. Không nên viết trực tiếp.
Thuộc tính Giá trị Mô tả
type 1, A, a, I i, disc, square, circle Không được hỗ trợ trong HTML5. Phản đối trong HTML 4.01. Chỉ định loại điểm bullet sẽ được sử dụng
value number Chỉ định giá trị của một mục danh sách. Danh sách các mục sau đây sẽ tăng từ con số đó (chỉ dành cho các danh sách <ol>)

Xem ví dụ
<ul>
<li>aaaaa</li>
<li>bbbbb</li>
<li>ccccc</li>
</ul>
<ol>
<li>aaaaa</li>
<li>bbbbb</li>
<li>ccccc</li>
</ol>
Xem Kết quả
  • aaaaa
  • bbbbb
  • ccccc
  1. aaaaa
  2. bbbbb
  3. ccccc
 Xác định một mục danh sách  
<dir>
?
Tương tự như <ul >. Ngày nay <dir> nên được loại bỏ và thay thế bằng <ul >
 Không được hỗ trợ trong HTML5. Phản đối trong HTML 4.01. Định nghĩa một danh sách thư mục (tương tự như <ul>) x
<dl>
?
Thẻ <dl> được hỗ trợ trong tất cả các trình duyệt chính.
<dl> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <dl>...</dl>
Xem ví dụ
<dl>
<dt>Google</dt>
<dd>Gmail</dd>
<dd>Bookmark</dd>
<dt>Bendoi</dt>
<dd>It</dd>
<dd>Test</dd>
</dl>
Xem Kết quả
Google
Gmail
Bookmark
Bendoi
It
Test
 Định nghĩa một nhóm danh sách như cây thư mục (chứa <dt> <dd>)  
<dt>
?
Thẻ <dt> được hỗ trợ trong tất cả các trình duyệt chính.
<dt> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <dt>...</dt>
Xem ví dụ
<dl>
<dt>Google</dt>
<dd>Gmail</dd>
<dd>Bookmark</dd>
<dt>Bendoi</dt>
<dd>It</dd>
<dd>Test</dd>
</dl>
Xem Kết quả
Google
Gmail
Bookmark
Bendoi
It
Test
 Một nhóm danh sách, chứa các <dd> (tương tụ như <ul>)  
<dd>
?
Thẻ <dd> được hỗ trợ trong tất cả các trình duyệt chính.
<dd> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <dd>...</dd>
Xem ví dụ
<dl>
<dt>Google</dt>
<dd>Gmail</dd>
<dd>Bookmark</dd>
<dt>Bendoi</dt>
<dd>It</dd>
<dd>Test</dd>
</dl>
Xem Kết quả
Google
Gmail
Bookmark
Bendoi
It
Test
 Từng dòng danh sách (tương tự như <li>)  
<menu>
?
Thẻ <menu> không được hỗ trợ trong bất kỳ các trình duyệt chính.
Thẻ <menu> định nghĩa một danh sách / menu các lệnh.
Thẻ <menu> được sử dụng cho bối cảnh các menu, thanh công cụ và cho các hình thức kiểm soát niêm yết và lệnh.
Mẹo: Sử dụng CSS để danh sách menu dạng.
<menu> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
Cú pháp: <menu thuộc_tính="giá_trị">...</menu>
Xem bảng thuộc tính (di chuột vào đây!)
Ngày nay thuộc_tính="giá_trị" nên viết riêng trong phần CSS. Không nên viết trực tiếp.
Thuộc tính Giá trị Mô tả
label text Chỉ định một nhãn hiệu có thể nhìn thấy cho trình đơn
type context, toolbar, list Chỉ định kiểu menu để hiển thị. Giá trị mặc định là "danh sách"

Xem ví dụ
<menu type="toolbar">
<li>
<menu label="File">
<button type="button" onclick="file_new()">New...</button>
<button type="button" onclick="file_open()">Open...</button>
<button type="button" onclick="file_save()">Save</button>
</menu>
</li>
<li>
<menu label="Edit">
<button type="button" onclick="edit_cut()">Cut</button>
<button type="button" onclick="edit_copy()">Copy</button>
<button type="button" onclick="edit_paste()">Paste</button>
</menu>
</li>
</menu>
Xem Kết quả
    		• Định nghĩa một danh sách / menu các lệnh  
    <command>
    ?
    <command> được hỗ trợ trong tất cả các trình duyệt chính.
    Xem ví dụ
    <command type="command" label="Save" onclick="save()">Save</command>
    Xem Kết quả Save
    		 Định nghĩa một nút lệnh mà người dùng có thể gọi mới
      Bảng  
    <table>
    ?
    Tag <table> được hỗ trợ trong tất cả các trình duyệt chính.
    <table> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
    Cú pháp: <table thuộc_tính="giá_trị">...</table>
    Xem bảng thuộc tính (di chuột vào đây!)
    Ngày nay thuộc_tính="giá_trị" nên viết riêng trong phần CSS. Không nên viết trực tiếp.
    Xem ví dụ
    <table>
    <tr>
    <th>111</th>
    <th>222</th>
    </tr>
    <tr>
    <td>01</td>
    <td>02</td>
    </tr>
    <tr>
    <td>11</td>
    <td>12</td>
    </tr>
    </table>
    Xem Kết quả
    111 222
    01 02
    11 12
    		Định nghĩa một bảng  
    <caption>
    ?
    Tag <caption> được hỗ trợ trong tất cả các trình duyệt chính.
    <caption> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
    Cú pháp: <caption thuộc_tính="giá_trị">...</caption>
    Xem bảng thuộc tính (di chuột vào đây!)
    Ngày nay thuộc_tính="giá_trị" nên viết caption-side trong phần CSS. Không nên viết trực tiếp.
    Xem ví dụ
    <table>

    <caption>chú thích</caption>
    <tr>
    <th>111</th>
    <th>222</th>
    </tr>
    <tr>
    <td>01</td>
    <td>02</td>
    </tr>
    <tr>
    <td>11</td>
    <td>12</td>
    </tr>
    </table>
    Xem Kết quả
    chú thích
    111 222
    01 02
    11 12
    		Định nghĩa một chú thích bảng  
    <th>
    ?
    Thẻ <th> được hỗ trợ trong tất cả các trình duyệt chính. Thẻ <th> định nghĩa một ô tiêu đề trong một bảng HTML.
    Mẹo: Sử dụng CSS để danh sách menu dạng.
    <th> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
    Cú pháp: <th thuộc_tính="giá_trị">...</th>
    Xem bảng thuộc tính (di chuột vào đây!)
    Ngày nay thuộc_tính="giá_trị" nên viết riêng trong phần CSS. Không nên viết trực tiếp.
    Tại đây là những thuộc tính mà HTML5 vẫn đang hỗ trợ. Ngược lại, các thuộc tính khác không liệt kê ở đây.
    Thuộc tính Giá trị Mô tả
    colspan number Chỉ định số lượng hàng ô tiêu đề nên rộng
    headers header_id Chỉ định một hoặc nhiều tế bào tiêu đề một tế bào có liên quan đến
    scope col, colgroup, row, rowgroup Chỉ định liệu một tế bào tiêu đề là một tiêu đề cho một cột, hàng, hoặc một nhóm các cột hoặc các hàng

    Xem ví dụ
    <table>
    <tr>
    <th>111</th>
    <th>222</th>
    </tr>
    <tr>
    <td>01</td>
    <td>02</td>
    </tr>
    <tr>
    <td>11</td>
    <td>12</td>
    </tr>
    </table>
    Xem Kết quả
    111 222
    01 02
    11 12
    		Định nghĩa một ô tiêu đề trong một bảng  
    <tr>
    ?
    Xem lại <TABLE>
    		 Định nghĩa một hàng trong một bảng  
    <td>
    ?
    Xem lại <TABLE>
    		 Định nghĩa ô trong một bảng  
    <thead>
    ?
    Xem ví dụ
    <table border="1">
    <thead>
    <tr>
    <th>00</th>
    <th>01</th>
    </tr>
    </thead>
    <tfoot>
    <tr>
    <td>30</td>
    <td>34</td>
    </tr>
    </tfoot>
    <tbody>
    <tr>
    <td>10</td>
    <td>12</td>
    </tr>
    <tr>
    <td>20</td>
    <td>23</td>
    </tr>
    </tbody>
    </table>
    Xem Kết quả
    00 01
    30 34
    10 12
    20 23
    		Nhóm nội dung tiêu đề trong một bảng  
    <tbody>
    ?
    Xem lại <THEAD>
    		 Nhóm nội dung cơ thể trong một bảng  
    <tfoot>
    ?
    Xem lại <THEAD>
    		 Nhóm nội dung footer trong một bảng  
    <col>
    ?
    Thẻ <col> được hỗ trợ trong tất cả các trình duyệt chính. Thẻ <col> cũng hỗ trợ các thuộc tính Sự kiện trong HTML
    Xem ví dụ
    <table border="1">
    <colgroup>
    <col span="2" style="background-color:#FBFFEB">
    <col style="background-color:#ADCB82">
    </colgroup>
    <tr>
    <th>a</th>
    <th>b</th>
    <th>c</th>
    </tr>
    <tr>
    <td>1...........</td>
    <td>2...........</td>
    <td>3...........</td>
    </tr>
    </table>
    Xem Kết quả
    a b c
    1........... 2........... 3...........
    		Chỉ định thuộc tính cột cho mỗi cột  
    <colgroup>
    ?
    Xem lại <coL> đã trình bày ở trên!
    		Chỉ định nhóm một hoặc nhiều cột <COL>  
      Phong cách / mục  
    <style>
    ?
    Thẻ <style> được hỗ trợ trong tất cả các trình duyệt chính.
    Dùng để viết CSS trực tiếp trong trang
    Thẻ <style> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
    Xem bảng thuộc tính (di chuột vào đây!)
    Thuộc tính Giá trị Mô tả
    media media_query Chỉ định những gì các phương tiện truyền thông / thiết bị tài nguyên phương tiện truyền thông được tối ưu hóa cho
    scoped scoped Chỉ định rằng các kiểu này chỉ áp dụng đối với yếu tố cha mẹ của phần tử này và rằng các phần tử con của phần tử
    type text/css Chỉ định kiểu MIME của phong cách trang tính

    Xem ví dụ
    <style type="text/css">
    h1 {color:red;}
    p {color:blue;}
    </style>
    		Xác định thông tin phong cách cho một tài liệu  
    <div>
    ?
    Thẻ <div> được hỗ trợ trong tất cả các trình duyệt chính.
    Thẻ <div> định nghĩa một bộ phận hoặc một phần trong một tài liệu HTML.
    Thẻ <div> được sử dụng để block group yếu tố để định dạng chúng với CSS.
    Mẹo: Các yếu tố <div> rất thường xuyên được sử dụng cùng với CSS để bố trí một trang web.
    Lưu ý: Theo mặc định, trình duyệt luôn luôn đặt một ngắt dòng trước và sau khi các yếu tố <div>. Tuy nhiên, điều này có thể được thay đổi với CSS.
    		 Định nghĩa một phần trong một tài liệu  
    <span>
    ?
    Thẻ được hỗ trợ trong tất cả các trình duyệt chính.
    Thẻ xuất hiện vẫn cùng đường cơ sở với các đối tượng xung quanh, không gây nên sự xáo trộn nào.
    Thẻ đánh dấu 1 điểm trong một phần của một văn bản hoặc một phần của một tài liệu.
    Mẹo: Khi một văn bản được nối trong một phần tử , bạn có thể tạo kiểu với CSS, hoặc thao tác với JavaScript.
    Xem ví dụ
    <p>My mother has <span style="color:blue">blue</span> eyes.</p>
    Xem Kết quả

    My mother has blue eyes.

    		 Định nghĩa một phần trong một tài liệu  
    <header>
    ?
    Các tag <header> được hỗ trợ trong Internet Explorer 9 +, Firefox, Opera, Chrome, và Safari.
    Lưu ý: Internet Explorer 8 và các phiên bản trước đó, không hỗ trợ thẻ <header>.
    Các tag <header> xác định một tiêu đề cho một tài liệu hoặc phần.
    Các yếu tố <header> nên được sử dụng như là một container cho nội dung giới thiệu hoặc thiết lập các liên kết điều hướng.
    Bạn có thể có các yếu tố <header> nhau trong một tài liệu.
    Lưu ý: Một tag <header> không thể được đặt trong một <footer>, <address> hoặc các yếu tố khác <header>.
    Xem ví dụ
    <article>
    <header>
    <h1>Internet Explorer 9</h1>
    <p><time pubdate datetime="2011-03-15"></time></p>
    </header>
    <p>Windows Internet Explorer 9 (abbreviated as IE9) was released to
    the public on March 14, 2011 at 21:00 PDT.....</p>
    </article>
    Xem Kết quả

    Internet Explorer 9

    Windows Internet Explorer 9 (abbreviated as IE9) was released to the public on March 14, 2011 at 21:00 PDT.....

    		 Định nghĩa một tiêu đề cho một tài liệu hoặc phần mới
    <footer>
    ?
    Các tag <footer> được hỗ trợ trong Internet Explorer 9, Firefox, Opera, Chrome, và Safari.
    Lưu ý: Internet Explorer 8 và các phiên bản trước đó, không hỗ trợ thẻ <footer>.
    Các tag <footer> xác định một chân cho một tài liệu hoặc phần.
    Một yếu tố <footer> nên chứa thông tin về phần tử có chứa của nó.
    Chân thường có chứa các tác giả của các tài liệu, thông tin bản quyền, liên kết đến các điều khoản sử dụng, thông tin liên lạc, vv.
    Xem ví dụ
    <footer>
    <p>Trình bày : bendoi.vn</p>
    <p><time pubdate datetime="2013-02-26"></time></p>
    </footer>
    Xem Kết quả

    Trình bày : bendoi.vn

    		 Xác định một chân cho một tài liệu hoặc phần mới
    <hgroup>
    ?
    Xem ví dụ
    <hgroup>
    <h5>Welcome to my WWF</h1>
    <h4>For a living planet</h2>
    </hgroup>
    Xem Kết quả
    Welcome to my WWF

    For a living planet

    		 Nhóm nhóm (<h1> để <h6>) mới
    <section>
    ?
    + Các tag <section> được hỗ trợ trong Internet Explorer 9 +, Firefox, Opera, Chrome, và Safari.
    + Lưu ý: Internet Explorer 8 và các phiên bản trước đó, không hỗ trợ thẻ <section>.
    + Các tag <section> xác định các phần trong một tài liệu. Chẳng hạn như chương, tiêu đề, footers, hoặc bất kỳ phần khác của tài liệu.
    + Các tag <section> mới trong HTML5.
    + Các tag <section> cũng hỗ trợ các thuộc tính tổng quát trong HTML .
    + Các tag <section> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
    Xem ví dụ
    <section> <h1>bendoi.vn</h1> <p>Là website tổng hợp</p> </section>
    Xem Kết quả

    bendoi.vn

    Là website tổng hợp

    		 Định nghĩa một phần trong một tài liệu mới
    <article>
    ?
    ◦ Các tag <article> được hỗ trợ trong Internet Explorer 9 +, Firefox, Opera, Chrome, và Safari.
    ◦ Lưu ý: Internet Explorer 8 và các phiên bản trước đó, không hỗ trợ thẻ <article>.
    ◦ Các tag <article> quy định cụ thể nội dung độc lập, khép kín.
    ◦ Một bài viết có ý nghĩa riêng của mình và chúng ta có thể phân phối nó độc lập với phần còn lại của trang web.
    ◦ <article> thường dùng trong: Bài viết, Blog, News story, Bình luận
    ◦ Các tag <article> mới trong HTML5.
    ◦ Các tag <article> cũng hỗ trợ các thuộc tính tổng quát trong HTML .
    ◦ Các tag <article> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
    Xem ví dụ
    <article>
    <h1>Internet Explorer 9</h1>
    <p>Windows Internet Explorer 9 (viết tắt là IE9) đã được phát hành cho công chúng vào ngày 14 Tháng 3 năm 2011 lúc 21:00 PDT .....</p>
    </article>
    Xem Kết quả

    Internet Explorer 9

    Windows Internet Explorer 9 (viết tắt là IE9) đã được phát hành cho công chúng vào ngày 14 Tháng 3 năm 2011 lúc 21:00 PDT .....

    		 Định nghĩa một bài báo mới
    <aside>
    ?
    ◦ Thẻ <aside> được hỗ trợ trong Internet Explorer 9 +, Firefox, Opera, Chrome, và Safri. Lưu ý: Internet Explorer 8 và các phiên bản trước đó, không hỗ trợ thẻ <aside>.
    ◦ Thẻ <aside> xác định một số nội dung ngoài nội dung nó được đặt.
    ◦ Nội dung sang một bên nên được liên quan đến nội dung xung quanh.
    ◦ Thẻ <aside> mới trong HTML5.
    ◦ Mẹo: Nội dung <aside> có thể được đặt như là một sidebar trong một bài viết.
    ◦ Thẻ <aside> cũng hỗ trợ các thuộc tính tổng quát trong HTML .
    ◦ Thẻ <aside> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
    Xem ví dụ
    <aside>
    <h4>web.bendoi.vn</h4>
    <p>Tổng hợp và chia sẽ các kiến thức về thiết kế web</p>
    </aside>
    Xem Kết quả
    		Xác định nội dung ngoài nội dung trang mới
    <details>
    ?
    ◦ Thẻ <dialog> hiện chỉ hỗ trợ trong Chrome, và Safari 6.
    ◦ Thẻ <dialog> xác định hộp thoại, inpector, hoặc cửa sổ.
    ◦ Thẻ <dialog> mới có trong HTML5.
    ◦ Mẹo: tag <dialog> phải đặt trong một <dt> hoặc một <th>.
    ◦ Thẻ <dialog> cũng hỗ trợ các thuộc tính tổng quát trong HTML .
    ◦ Thẻ <dialog> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
    Xem ví dụ
    <table border="1">
    <tr>
    <th>Internet Explorer </th>
    <th>Firefox </th>
    <th>Cơ rôm </th>
    <th>Safari </th>
    <th>Opera </th>
    </tr>
    <tr>
    <td>14,3%</td>
    <td>30,2%</td>
    <td>48,4%</td>
    <td>4,2%</td>
    <td>1,9% <dialog open>Thống kê và xu hướng trình duyệt Tháng một 2013</dialog></td>
    </tr>
    </table>
    Xem Kết quả
    Internet Explorer Firefox Cơ rôm Safari Opera
    14,3% 30,2% 48,4% 4,2% 1,9% Thống kê và xu hướng trình duyệt Tháng một 2013
    		 Xác định các chi tiết khác mà người dùng có thể xem hoặc ẩn mới
    <summary>
    ?
    ◦ Thẻ <summary> hiện đang được hỗ trợ chỉ trong Chrome và Safari 6.
    ◦ Thẻ <summary> xác định một nhóm có thể nhìn thấy cho <details> phần tử. Nhóm này có thể nhấp vào để xem / ẩn các chi tiết.
    ◦ Thẻ <summary> mới có trong HTML5.
    ◦ Lưu ý: Các yếu tố <summary> nên là phần tử con đầu tiên của các yếu tố <details>.
    ◦ Thẻ <summary> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
    ◦ Thẻ <summary> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
    Xem ví dụ
    <details>
    <summary>bendoi.vn có gì ?</summary>
    <p>ebook.bendoi.vn, video.bendoi.vn, film.bendoi.vn, it.bendoi.vn, web.bendoi.vn, graphic.bendoi.vn, magazine.bendoi.vn, music.bendoi.vn, ...</p>
    <p>sach.bendoi.vn, phim.bendoi.vn, maytinh.bendoi.vn, thietke.bendoi.vn, dohoa.bendoi.vn, tapchi.bendoi.vn, amnhac.bendoi.vn, ...</p>
    </details>
    Xem Kết quả
    bendoi.vn có gì ?

    ebook.bendoi.vn, video.bendoi.vn, film.bendoi.vn, it.bendoi.vn, web.bendoi.vn, graphic.bendoi.vn, magazine.bendoi.vn, music.bendoi.vn, test.bendoi.vn, ...

    sach.bendoi.vn, phim.bendoi.vn, maytinh.bendoi.vn, thietke.bendoi.vn, dohoa.bendoi.vn, tapchi.bendoi.vn, amnhac.bendoi.vn, tracnghiem.bendoi.vn, ...

    		Ẩn hiện một phần nội dung bằng click mouse mới, t
      Meta Info  
    <head>
    ?
    ◦ Thẻ <head> được hỗ trợ trong tất cả các trình duyệt chính.
    ◦ Các yếu tố <head> là một container cho tất cả các yếu tố đầu.
    ◦ Các yếu tố <head> phải bao gồm một tiêu đề cho tài liệu, và có thể bao gồm các kịch bản, phong cách, thông tin meta, và nhiều hơn nữa.
    ◦ Các yếu tố sau có thể đi bên trong phần tử <head>:
    <title> (yếu tố này là cần thiết trong phần đầu), <style>, <base>, <link>, <meta>, <script>, <noscript>
    ◦ Thẻ <head> cũng hỗ trợ các thuộc tính tổng quát trong HTML .
    Xem ví dụ
    <html>
    <head>
    <title>Tiêu đề</title>
    <style type="text/css">...</style>
    <base href="http://bendoi.vn/images/" target="_blank">
    <link rel="stylesheet" type="text/css" href="theme.css">
    <meta name="description" content="Free Web tutorials">
    <meta name="keywords" content="HTML,CSS,XML,JavaScript">
    <meta name="author" content="bendoi.vn">
    <meta charset="UTF-8">
    <script type="text/javascript" src=""></script>
    <noscript>Your browser does not support JavaScript!</noscript>
    </head>
    <body>Nội dung</body>
    </html>
    		Xác định thông tin về tài liệu  
    <meta>
    ?
    ◦ Thẻ <meta> được hỗ trợ trong tất cả các trình duyệt chính.
    ◦ Thẻ <meta> cung cấp siêu dữ liệu về các tài liệu HTML. Siêu dữ liệu sẽ không được hiển thị trên trang, nhưng sẽ được máy parsable.
    ◦ Yếu tố Meta thường được sử dụng để xác định trang mô tả, từ khóa, tác giả của tài liệu, sửa đổi lần cuối, và siêu dữ liệu khác.
    ◦ Siêu dữ liệu có thể được sử dụng bởi các trình duyệt (làm thế nào để hiển thị nội dung hoặc tải lại trang), công cụ tìm kiếm (từ khoá), hoặc các dịch vụ web khác.
    » Lưu ý: thẻ <meta> luôn luôn đi bên trong phần tử <head>.
    » Lưu ý: Siêu dữ liệu được thông qua như là cặp tên / giá trị.
    » Lưu ý: Các thuộc tính nội dung phải được định nghĩa nếu tên hoặc thuộc tính http-equiv được định nghĩa. nếu không ai trong số này được xác định, thuộc tính nội dung có thể không được xác định.
    ◦ Thuộc tính Đề án không được hỗ trợ trong HTML5.
    ◦ HTML5 có một thuộc tính mới, charset, mà làm cho nó dễ dàng hơn để xác định charset:
    ▫ HTML 4.01: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    ▫ HTML5: <meta charset="UTF-8">
    » Trong HTML thẻ <meta> không có thẻ kết thúc.
    » Trong XHTML thẻ <meta> phải được đóng lại đúng cách.
    ◦ Thẻ <meta> cũng hỗ trợ các thuộc tính tổng quát trong HTML .
    ► Xem bảng thuộc tính (di chuột vào đây!)
    charset character_set
    ?
    <meta charset="character_set">
    character_set Chỉ định mã hóa ký tự cho các tài liệu HTML.
    Giá trị thông thường:
    → UTF-8 - Mã hóa ký tự Unicode
    → ISO-8859-1 - Mã hóa ký tự bảng chữ cái Latin
    		Chỉ định mã hóa ký tự cho các tài liệu HTML
    content text   Nội dung (xem phần ví dụ)
    http-equiv content-type
    default-style
    refresh
    ?
    Cú pháp
    <meta http-equiv="content-type | default-style | refresh">
    Giá trị thuộc tính
    Value Giá trị Description Mô tả
    content-type Chỉ định mã hóa ký tự cho tài liệu.
    Ví dụ: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    default-style Quy định phong cách trang ưa thích để sử dụng.
    Ví dụ: <meta http-equiv="default-style" content="id_of_link_element">
    refresh Định nghĩa một khoảng thời gian cho các tài liệu để làm mới bản thân.
    Ví dụ: <meta http-equiv="refresh" content="300">
    Lưu ý: Giá trị "làm mới" nên được sử dụng một cách cẩn thận
    		Cung cấp một HTTP header cho các thông tin / giá trị của thuộc tính nội dung
    name application-name
    author
    description
    generator
    keywords    		 Chỉ định một tên cho siêu dữ liệu (Xem phần ví dụ !)
    scheme format/URI Không hỗ trợ HTML5. Chỉ định một chương trình được sử dụng để giải thích các giá trị của thuộc tính nội dung
    Xem ví dụ
    <meta name='description' content='...'/>
    <meta name='keywords' content='...'/>
    <meta name='Author' content='...'/> (tên của tác giả)
    <meta name='Email' content='...'/>
    <meta name='application-name' content='...'/> (tên chương trình ứng dụng)
    <meta name='distribution' content='global'/>
    <meta name='revisit' content='5 days'/>
    <meta name='revisit-after' content='5 days'/>
    <meta name='resource-type' content='document'/>
    <meta name='audience' content='all'/>
    <meta name='rating' content='general' />
    <meta name='robots' content='all' />
    <meta name='robots' content='index, follow' />
    <meta name='language' content='vi,en' /> (ngôn ngữ chính được sử dụng)
    <meta name='country' content='Vietnamese'/>
    <meta name='generator' content='Notepad++'/> (tên gói phần mềm được sử dụng để tạo ra các tài liệu này)
    <meta http-equiv="refresh" content="30"> (reset 30s)
    <meta charset='UTF-8' />
    		Định nghĩa siêu dữ liệu về một tài liệu HTML  
    <base>
    ?

    Thẻ <base> được hỗ trợ trong tất cả các trình duyệt chính.

    Thẻ <base> xác định URL cơ sở cho tất cả các URL tương đối trong một tài liệu.

    Chỉ 1 <base> trong một trang tài liệu, và nó phải được bên trong phần tử <head>.

    Mẹo: Đặt thẻ <base> là yếu tố bên trong phần tử <head>, để các phần tử khác trong phần đầu sử dụng các thông tin từ các yếu tố <base>.

    Lưu ý: Nếu thẻ <base> là hiện tại, nó phải có hoặc một thuộc tính href thuộc tính mục tiêu, hoặc cả hai.

    Không có Sự khác nhau giữa HTML 4,01 và HTML5

    HTML tag <base> không có thẻ kết thúc.
    Trong XHTML thẻ <base> phải được đóng lại đúng cách.

    Thẻ <base> cũng hỗ trợ các thuộc tính tổng quát trong HTML .

    NONE. Thẻ <base> không hỗ trợ bất kỳ thuộc tính sự kiện.

    ► Xem bảng thuộc tính (di chuột vào đây!)
    Thuộc tính Giá trị Mô tả
    href URL Chỉ định URL cơ sở cho tất cả các liên kết URL trong trang
    target _blank 
    _parent 
    _self 
    _top
    framename
    		 Xác định kiểu mở trang mới
    Xem ví dụ
    <head>
    <base href="http://bendoi.vn/" target="_blank">
    </head>
    <body>
    <img src="img/anh.jpg" />
    <a href="web/index.php">link web</a>
    </body>
    		Chỉ định URL cơ sở / mục tiêu cho tất cả các URL tương đối trong một tài liệu  
    <basefont>
    ?
    Chỉ định một mặc định font-màu sắc và kích thước phông chữ cho văn bản trên trang:
    <head>
    <basefont color="red" size="5" />
    </head>
    Ngày nay viết CSS thay cho basefont nên nó không còn được ứng dụng
    		 Chỉ định một màu sắc mặc định, kích thước, và phông chữ cho tất cả các văn bản trong một tài liệu x
        Lập trình  
    <script>
    ?
    Thẻ <script> được hỗ trợ trong tất cả các trình duyệt chính. Được dùng để đặt javaScript.
    Thẻ <script> cũng hỗ trợ các thuộc tính tổng quát trong HTML .
    Trong XHTML nội dung javaScript nếu gán trực tiếp thì phải đặt trong:
    <script type="text/javascript"> //<![CDATA[ .... code phải đặt trong đây ... //]]> </script>
    ► Xem bảng thuộc tính (di chuột vào đây!)
    Thuộc tính Giá trị Mô tả
    async async Chỉ định rằng kịch bản được thực hiện không đồng bộ (chỉ dành cho kịch bản bên ngoài)
    charset charset Chỉ định ký tự mã hóa được sử dụng trong một tập tin kịch bản bên ngoài
    defer defer Chỉ định rằng kịch bản được thực hiện khi trang đã hoàn thành việc phân tích cú pháp (chỉ dành cho kịch bản bên ngoài)
    src URL Chỉ định URL của tập tin kịch bản bên ngoài
    type MIME-type Chỉ định kiểu MIME của kịch bản
    xml:space bảo tồn Không hỗ trợ HTML5. Chỉ định khoảng trắng trong mã cần được bảo tồn
    Xem ví dụ
    <script>
    // nội dung đoạn javaScript
    </script>
    		Định nghĩa một kịch bản phía máy khách  
    <noscript>
    ?
    Nếu trình duyệt không hỗ trợ ứng dụng chạy javaScript thì sẽ xuất hiện dòng chữ trong đoạn này:
    <noscript>
    Sorry, your browser does not support JavaScript!
    Xin lỗi, trình duyệt của bạn không hỗ trợ JavaScript!
    </noscript>
    Thẻ <noscript> cũng hỗ trợ các thuộc tính tổng quát trong HTML .
    		Xác định nội dung thay thế cho người sử dụng không hỗ trợ client-side script  
    <applet>
    ?
    Ngày nay CSS đã thay thế nó và bạn không cần quan tâm đến điều này nữa!
    		Không được hỗ trợ trong HTML5. Phản đối trong HTML 4.01. Định nghĩa một applet nhúng x
    <embed>
    ?
    ◦ Thẻ <embed> được hỗ trợ trong tất cả các trình duyệt chính.
    ◦ Thẻ <embed> xác định một container cho một ứng dụng bên ngoài hoặc nội dung tương tác (một plug-in).
    ◦ Thẻ <embed> mới có trong HTML5.
    ◦ Thẻ <embed> cũng hỗ trợ các thuộc tính tổng quát trong HTML .
    ◦ Thẻ <embed> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
    ► Xem bảng thuộc tính (di chuột vào đây!)
    Thuộc tính Giá trị Mô tả
    height pixels Chỉ định chiều cao của nội dung nhúng
    src URL Chỉ định địa chỉ của tập tin bên ngoài để nhúng
    type MIME_type Chỉ định kiểu MIME của nội dung nhúng
    width pixels Xác định chiều rộng của các nội dung nhúng
    Xem ví dụ
    <embed src="tep_tin_flash.swf">
    		Định nghĩa một container cho một ứng dụng bên ngoài (không phải HTML) mới
    <object>
    ?
    Thẻ <object> được hỗ trợ trong tất cả các trình duyệt chính.
    Thẻ <object> định nghĩa một đối tượng nhúng trong một tài liệu HTML. Sử dụng yếu tố này để nhúng đa phương tiện (như âm thanh, video, Java applet, ActiveX, PDF, và Flash) trong các trang web của bạn.

    Bạn cũng có thể sử dụng thẻ <object> để nhúng một trang web khác vào tài liệu HTML của bạn.
    Bạn có thể sử dụng các từ khóa để vượt qua các thông số bổ sung đã được nhúng với thẻ <object> <param> .

    Lưu ý: Một yếu tố <object> phải xuất hiện bên trong phần tử <body>. Phải có văn bản đặt giữa <object> và </object> nếu trình duyệt không hỗ trợ thẻ này.
    Mẹo: Đối với hình ảnh sử dụng thẻ <img> chèn thay vì thẻ <object>.

    Thẻ <object> cũng hỗ trợ các thuộc tính tổng quát trong HTML .
    Thẻ <object> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
    ► Xem bảng thuộc tính (di chuột vào đây!)
    Thuộc tính Giá trị Mô tả
    form form_id định danh đối tượng
    height pixels Chỉ định chiều cao của đối tượng
    name name Chỉ định một tên cho các đối tượng
    type MIME_type Chỉ định kiểu MIME của dữ liệu được quy định trong các thuộc tính dữ liệu
    usemap #mapname Chỉ định tên của một bản đồ hình ảnh phía máy khách được sử dụng với đối tượng
    data URL Chỉ định URL của tài nguyên được sử dụng bởi các đối tượng
    width pixels Xác định chiều rộng của đối tượng
    align,
    archive, border, classid, code, base, code, type, declare, hspace, standby, vspace : Không còn được hỗ trợ trong HTML5
    Xem ví dụ
    <object width="500" height="500" data="tep_tin.swf"></object>
    		Định nghĩa một đối tượng nhúng  
    <param>
    ?
    ○ Thẻ <param> được hỗ trợ trong tất cả các trình duyệt chính.
    ○ Thẻ <param> được sử dụng để xác định các thông số cho các plugins nhúng với một <object> yếu tố.
    ○ Mẹo: HTML 5 cũng bao gồm hai yếu tố mới để chơi âm thanh hoặc video: Các <audio> và <video> thẻ.
    ○ Trong HTML <param> không có thẻ kết thúc.
    ○ Trong XHTML <param> phải được đóng lại đúng cách, như thế này <param />.
    ○ Thẻ <param> cũng hỗ trợ các thuộc tính tổng quát trong HTML .
    ○ Thẻ <param> cũng hỗ trợ các thuộc tính Sự kiện trong HTML .
    ► Xem bảng thuộc tính (di chuột vào đây!)
    Thuộc tính Giá trị Mô tả
    name name Chỉ định một tên cho các đối tượng
    value giá trị Xác định giá trị của tham số này
    valuetype ref Không hỗ trợ HTML5
    type MIME_type Không hỗ trợ HTML5
    Xem ví dụ
    <object data="tep_tin_am_nhac.wav">
    <param name="autoplay" value="true">
    </object>
    		Định nghĩa một tham số cho một đối tượng  
    Xem tất cả thuộc tính của CSS
    Thư góp ý
    Thanks: ... | w3.org | w3schools.com.com
    ( 2013-02-22 11:51)
    Author Image

    About Nguyen Khoa
    Soratemplates is a blogger resources site is a provider of high quality blogger template with premium looking layout and robust design. The main mission of templatesyard is to provide the best quality blogger templates.

    Related Posts:
    By at
    Labels: , , , ,

    No comments:

    Post a Comment

    Subscribe to: Post Comments (Atom)