Có 100 thẻ HTML trong HTML. Bài viết này thảo luận về danh sách thẻ HTML với các ví dụ và mã.

Bạn đang xem : danh sách thẻ html với các ví dụ

< / p>

Danh sách thẻ HTML có ví dụ

Trong phần này, chúng ta sẽ xem xét danh sách các thẻ HTML với các ví dụ. Có một bảng trong bài viết liệt kê tất cả các thẻ HTML. Nhấp vào bất kỳ thẻ nào và nó sẽ đưa bạn đến mô tả chi tiết của thẻ, hãy sử dụng một ví dụ.

< / p>

Trước khi đi sâu hơn vào phần trước, hãy xem thẻ HTML là gì.

Thẻ HTML

< p> Thẻ HTML là các từ đặc biệt được bao bọc trong dấu ngoặc nhọn (& lt; & gt;) được sử dụng để xác định các loại nội dung khác nhau trong một trang web .

Các trình duyệt sử dụng những thứ này để quyết định cách hiển thị hoặc hiển thị nội dung sau trên màn hình. Ví dụ & lt; p & gt ;, & lt; h1 & gt ;, & lt; img & gt ;, v.v.

Giả sử các trình duyệt có & lt; p & gt; tag (thẻ đoạn văn) thì nó hiểu rằng nội dung tiếp theo sau nó trước khi đóng thẻ là một đoạn văn, vì vậy trình duyệt gắn tất cả kiểu mặc định với nó và hiển thị nó trên màn hình.

Vì vậy, nếu bạn muốn tạo một đoạn văn sau đó sử dụng & lt; p & gt; gắn thẻ và bao bọc nội dung đoạn văn xung quanh nó như thể hiện trong hình ảnh bên dưới.

  & lt; p & gt; Đây là một đoạn văn. & lt; / p & gt;  

Đầu ra:

Đây là một đoạn văn.

Danh sách thẻ HTML

Cũng giống như thẻ đoạn được thảo luận ở trên, chúng ta có một danh sách các thẻ HTML.

Trong phần này, chúng ta sẽ chỉ thảo luận về các thẻ hợp lệ trong HTML5. Có nhiều thẻ không được dùng nữa trong HTML5 như & lt; center & gt; và không được sử dụng.

Chúng tôi đã tạo danh sách thẻ HTML tại đây với các danh mục sử dụng khác nhau. Danh sách như sau:

Đây là những thẻ cơ bản được sử dụng trong HTML5.

TagDescription & lt ;! DOCTYPE & gt; Nó xác định loại tài liệu & lt; html & gt; Nó là gốc của tài liệu HTML & lt; head & gt; Nó xác định phần đầu của tài liệu HTML chứa dữ liệu không hiển thị như siêu dữ liệu và thông tin khác & lt; body & gt; Nó xác định phần nội dung của trang web và chứa mọi thứ bạn thấy trên trang web & lt; h1 & gt; đến & lt; h6 & gt; Đây là một nhóm thẻ tiêu đề được sử dụng để tạo tiêu đề trong trang web & lt; p & gt; Nó xác định đoạn văn trong trang web & lt;! -. ..-- & gt; Nó được sử dụng để viết nhận xét trong tài liệu HTML & lt; br & gt; Nó xác định ngắt dòng & lt; hr & gt; Nó tạo ra một dấu ngang dòng trong một trang web

Đây là danh sách các thẻ định dạng trong HTML5. Nó cung cấp cho chúng tôi khả năng định dạng văn bản mà không cần sử dụng CSS.

Mô tả thẻ & lt; b & gt; Nó được sử dụng để xác định văn bản in đậm & lt; strong & gt; Nó được sử dụng để xác định văn bản quan trọng , bổ sung thêm ý nghĩa ngữ nghĩa cho thẻ & lt; i & gt; Thẻ định dạng văn bản bằng & lt; em & gt; u & gt; Nó gạch dưới văn bản & lt; sup & gt; Nó xác định văn bản được viết trên & lt; sub & gt; Nó xác định văn bản được viết dưới & lt; pre & gt; Nó xác định văn bản được định dạng trước & lt; small & gt; Nó xác định văn bản nhỏ hơn & lt; abbr & gt; Nó xác định chữ viết tắt hoặc từ viết tắt & lt; code & gt; Nó định nghĩa một đoạn mã máy tính & lt; kbd & gt; Nó được sử dụng để loại bỏ ay bàn phím nhập & lt; del & gt; Nó được sử dụng để hiển thị văn bản đã bị xóa khỏi trang web & lt; ins & gt; Nó xác định một từ đã được chèn vào tài liệu . Nó gạch dưới từ & lt; mark & ​​gt; , được sử dụng để đánh dấu văn bản cụ thể & lt; blockquote & gt; Nó được sử dụng để trích dẫn văn bản từ nguồn khác & lt; s & gt; Nó xác định địa chỉ hoặc địa chỉ liên hệ của người dùng trên trang web & lt; cite & gt; Nó xác định tên tạp chí, một cuốn sách, một bài thơ, v.v. & lt; dfn & gt; Nó là được sử dụng để chỉ định một từ sẽ được xác định trong nội dung & lt; meter & gt; Nó còn được gọi là thước đo & lt; tiến độ & gt; Nó thể hiện tiến độ công việc trên trang web & lt; q & gt; Nó được sử dụng để xác định đầu ra mẫu hoặc chương trình máy tính & lt; template & gt; Nó được sử dụng để ẩn một khối mã khi tải trang & lt; time & gt; Nó được sử dụng để xác định thời gian cụ thể trên trang web & lt; var & gt; hình ảnh.

TagDescription & lt; img & gt; Nó xác định hình ảnh trên trang web & lt; figure & gt; Nó xác định một vùng chứa riêng cho hình ảnh, đoạn mã, sơ đồ, v.v. & lt; figcaption & gt; Nó xác định phụ đề cho

& lt; figure & gt;

& lt; picture & gt; nhiều tài nguyên cho một hình ảnh & lt; area & gt; , nó xác định một khu vực bên trong hình ảnh bằng cách sử dụng c tọa độ & lt; map & gt; Nó xác định một bản đồ trên một hình ảnh và tạo một khu vực có thể nhấp được & lt; canvas & gt; . Nó xác định một khu vực để vẽ thứ gì đó trên trang web bằng javascript & lt; svg & gt; Nó xác định vùng chứa cho SVG image

Các thẻ HTML này được sử dụng để tạo bất kỳ siêu liên kết nào, xác định kết nối với các tài nguyên khác hoặc trình đơn điều hướng tạo.

TagDescription & lt; a & gt; Nó xác định một siêu liên kết để kết nối với các trang web khác & lt; link & gt; Nó xác định kết nối tài liệu khác với tài liệu HTML hoặc xác định một số mối quan hệ & lt; nav & gt; Nó được sử dụng để bọc các liên kết điều hướng < p> Sau đây là danh sách thẻ HTML để tạo danh sách mô tả có thứ tự, không có thứ tự và trong HTML.

TagDescription & lt; ol & gt; Nó xác định danh sách có thứ tự & lt; ul & gt; Nó xác định danh sách không có thứ tự & lt; li & gt; Nó xác định một mục trong danh sách & lt; dl & gt; Nó xác định danh sách mô tả & lt; dt & gt; Nó xác định tên hoặc chim nhạn trong danh sách mô tả & lt; dd & gt; Nó xác định mô tả của mục trong danh sách mô tả

Sau đây là danh sách các thẻ HTML cho các biểu mẫu và đầu vào.

TagDescription & lt; form & gt; Nó được sử dụng để tạo biểu mẫu trên trang web & lt; input & gt; Nó xác định đầu vào thuộc loại khác nhau & lt; label & gt; Nó xác định nhãn cho & lt; input & gt; phần tử & lt; textarea & gt; Phần tử này xác định kiểu nhập văn bản thuần túy nhiều dòng có thể thay đổi kích thước & lt; select & gt; Phần tử này cung cấp quyền kiểm soát để chọn từ nhiều tùy chọn & lt; optgroup & gt; Nó xác định một nhóm các tùy chọn trong & lt; select & gt; phần tử & lt; option & gt; Nó xác định một mục để chọn trong & lt; select & gt; phần tử & lt; fieldset & gt; Nó xác định nhóm gồm nhiều nhãn và đầu vào & lt; chú giải & gt; span> Nó cung cấp một quyền kiểm soát để chọn trong số nhiều tùy chọn cũng như gửi tùy chọn mới của riêng bạn & lt; button & gt; Nó xác định một nút

Sau đây là danh sách thẻ HTML cho bảng và các thành phần của nó.

TagDescription & lt; table & gt; , nó xác định một bảng & lt; thead & gt; Nó nhóm nội dung phần đầu của bảng & lt; tbody & gt; . Nó nhóm nội dung phần chính của bảng & lt; tfoot & gt; & lt; tr & gt; Nó xác định một hàng trong bảng & lt; th & gt; Nó xác định một ô tiêu đề trong bảng & lt; td & gt; Nó xác định một ô trong bảng & lt; caption & gt; Nó xác định chú thích cho bảng & lt; colgroup & gt; Nó xác định một nhóm cột trong bảng & lt; col & gt; Nó cung cấp thuộc tính cho cột trong & lt; colgroup & gt;

Đây là danh sách thẻ HTML cho các phần tử phương tiện như âm thanh và video.

TagDescription & lt; âm thanh & gt; Được sử dụng để xác định nội dung âm thanh trên trang web & lt; video & gt; Được sử dụng để xác định nội dung video trên trang web & lt; track & gt; Nó xác định đoạn văn bản (phụ đề) cho âm thanh và video & lt; source & gt; từ các phương tiện như âm thanh, video và hình ảnh

Sau đây là danh sách các thẻ HTML cho các thẻ meta. Đây là những thẻ được sử dụng để lưu trữ thông tin không hiển thị về các trang web.

TagDescription & lt; meta & gt; Nó xác định siêu dữ liệu về trang web (không hiển thị với người dùng) & lt; link & gt; Nó xác định URL cơ sở cho tất cả các URL tương đối của trang web

Sau đây là kiểu và tập lệnh danh sách thẻ HTML.

TagDescription & lt; style & gt; Nó được sử dụng để cung cấp CSS cho các phần tử HTML của tài liệu & lt; script & gt; Tài liệu này xác định chương trình javascript cho trang web

Đây là danh sách thẻ HTML cho các phần tử chung.

TagDescription & lt; div & gt; Nó xác định một nhóm các phần tử trong tài liệu HTML & lt; span & gt; Nó xác định một phần nội tuyến trong tài liệu & lt; header & gt; Nó xác định tiêu đề của trang web hoặc một phần & lt; main & gt; Nó xác định nội dung chính của trang & lt; footer & gt; . Nó xác định chân trang của trang web hoặc một phần & lt; article & gt; Nó xác định một bài viết trong tài liệu & lt ; section & gt; Nó xác định phần trong trang web & lt; chi tiết & gt; Nó xác định một phần mà người dùng có thể xem hoặc ẩn & lt; tóm tắt & gt; về & lt; chi tiết & gt; yếu tố

Ví dụ về thẻ HTML

Chúng tôi đã phân loại danh sách thẻ HTML ở trên trên cơ sở sử dụng của chúng. Bây giờ chúng ta hãy thảo luận chi tiết về tất cả các thẻ được liệt kê ở trên với các ví dụ.

HTML Doctype

Doctype là một khai báo loại tài liệu cho trình duyệt. Nó xuất hiện ở đầu tài liệu HTML.

Nó cho trình duyệt biết về tiêu chuẩn của HTML hoặc loại ngôn ngữ đánh dấu . Mặc dù không cần thiết phải sử dụng nó nhưng là khuyến nghị của W3C. Ví dụ & lt;! DOCTYPE html & gt;

Ví dụ

  & lt;! DOCTYPE html & gt;
& lt; html lang = "vi" & gt;

& lt; đầu & gt;
  & lt; meta charset = "UTF-8" & gt;
  & lt; title & gt; HTML - thẻ doctype & lt; / title & gt;
& lt; / head & gt;

& lt; body & gt;
  & lt; p & gt; Doctype được sử dụng để khai báo loại ngôn ngữ đánh dấu được sử dụng. & lt; / p & gt;
& lt; / body & gt;

& lt; / html & gt;  

▶ Hãy thử

thẻ html

& lt; html & gt; là thẻ trên cùng trong HTML. Nó là gốc của một tài liệu HTML. Tất cả các thẻ khác của tài liệu HTML đều nằm bên trong nó.

Bạn nên luôn sử dụng thuộc tính lang với & lt; html & gt; nhãn. Nó khai báo ngôn ngữ của trang web cho các trình duyệt và công cụ tìm kiếm.

Ví dụ

  & lt;! DOCTYPE html & gt;
& lt; html lang = "vi" & gt;

& lt; đầu & gt;
  & lt; meta charset = "UTF-8" & gt;
  & lt; title & gt; HTML - thẻ html & lt; / title & gt;
& lt; / head & gt;

& lt; body & gt;
  & lt; p & gt; thẻ html là thẻ gốc của tài liệu HTML. & lt; / p & gt;
& lt; / body & gt;

& lt; / html & gt;  

▶ Dùng thử

thẻ head

& lt; head & gt; thẻ chứa thông tin về trang web mà người dùng không hiển thị. Đây là những thông tin mà máy có thể đọc được như tập lệnh, siêu dữ liệu, tiêu đề, biểu định kiểu, v.v.

Phần đầu của tài liệu HTML có thể chứa & lt; title & gt ;, & lt; meta & gt ;, & lt; style & gt ;, & lt; liên kết & gt ;, & lt; base & gt ;, & lt; script & gt; và & lt; noscript & gt; các thẻ.

  & lt; head & gt;
  & lt; title & gt; HTML - thẻ head & lt; / title & gt;
  & lt; meta name = "author" content = "john smith" & gt;
  & lt; style & gt; body {color: black} & lt; / style & gt;
  & lt; link rel = "stylesheet" href = "stylesheet.css" & gt;
  & lt; base href = "https://www.tutorialstonight.com" & gt;
  & lt; script src = "script.js" & gt; & lt; / script & gt;
  & lt; noscript & gt; Trình duyệt của bạn không hỗ trợ javascript. & lt; / noscript & gt;
& lt; / head & gt;  

thẻ nội dung

& lt; body & gt; thẻ chứa tất cả các phần hiển thị của trang web. Mọi thứ như văn bản, hình ảnh, âm thanh, video, hoạt ảnh, v.v. đều nằm trong thẻ body.

Trong tài liệu HTML chỉ có thể có một & lt; body & gt; thẻ.

Ví dụ

  & lt; body & gt;
  & lt; h1 & gt; Body tag & lt; / h1 & gt;
  & lt; p & gt; Tất cả phần hiển thị của trang web nằm trong thẻ body. & lt; / p & gt;
  & lt; img src = "cat.jpg" alt = "hình ảnh con mèo" & gt;
  & lt; video src = "night-sky.mp4" width = "300" điều khiển & gt; & lt; / video & gt;
& lt; / body & gt;  

▶ Hãy thử

Thẻ tiêu đề

Thẻ tiêu đề trong HTML được sử dụng để tạo tiêu đề trên trang web. Có 6 loại tiêu đề khác nhau trong HTML h1 đến h6.

Các tiêu đề h1 đến h6 được sắp xếp dựa trên kích thước phông chữ và tầm quan trọng của chúng. & Lt; h1 & gt; xác định tiêu đề quan trọng nhất và & lt; h6 & gt; định nghĩa ít quan trọng nhất.

Chỉ có thể có một thẻ h1 trong một trang web và bạn không nên bỏ qua bất kỳ cấp độ tiêu đề nào từ h1 đến h6.

Ví dụ

  & lt; h1 & gt; Đây là tiêu đề 1. & lt; / h1 & gt;
& lt; h2 & gt; Đây là tiêu đề 2. & lt; / h2 & gt;
& lt; h3 & gt; Đây là tiêu đề 3. & lt; / h3 & gt;
& lt; h4 & gt; Đây là tiêu đề 4. & lt; / h4 & gt;
& lt; h5 & gt; Đây là tiêu đề 5. & lt; / h5 & gt;
& lt; h6 & gt; Đây là tiêu đề 6. & lt; / h6 & gt;  

▶ Hãy thử

Đầu ra

Thẻ đoạn văn

Một đoạn văn trong trang web được xác định bởi & lt; p & gt; nhãn. Đoạn văn là một phần tử cấp khối được sử dụng để thể hiện văn bản trên trình duyệt.

Khi đóng thẻ đoạn văn, nó sẽ tự động tạo một dòng mới.

Ví dụ

  & lt; p & gt; Đây là đoạn 1. & lt; / p & gt;
& lt; p & gt; Đây là đoạn 2. & lt; / p & gt;  

▶ Hãy thử

Trong khi viết mã, bạn nên viết bình luận về nội dung của mã. Trong HTML, bạn có thể viết nhận xét bằng cách sử dụng & lt;! --...-- & gt ;.

Nhận xét được viết giữa dấu gạch ngang kép, có thể ở dạng một dòng hoặc nhận xét nhiều dòng.

Ví dụ

  & lt; p & gt; Đoạn văn này hiển thị trong trang web nhưng không hiển thị nhận xét bên dưới. & lt; / p & gt;
& lt;! - Đây là một dòng nhận xét - & gt;
& lt;! - Đây là
nhận xét nhiều dòng - & gt;  

▶ Hãy thử

& lt; br & gt; thẻ (ngắt dòng)

& lt; br & gt; dùng để tạo ngắt dòng trong văn bản. Nó có thể được sử dụng để viết địa chỉ, lời bài hát hoặc ở nơi cần ngắt dòng.

Ví dụ

  & lt; p & gt; Thẻ br & lt; br & gt;
  được sử dụng để & lt; br & gt;
  tạo ngắt dòng.
& lt; / p & gt;  

▶ Hãy thử
Thẻ

& lt; hr & gt;

(dòng ngang)

Thẻ & lt; hr & gt; được sử dụng để tạo khoảng ngắt giữa các đoạn văn bằng cách sử dụng một đường kẻ ngang. Sử dụng CSS, bạn có thể sửa đổi và tạo kiểu theo nhu cầu của riêng mình.

& lt; b & gt;

Thẻ

Thẻ & lt; b & gt; được sử dụng để làm cho một từ hoặc một nhóm từ trở nên đặc biệt nhằm thu hút sự chú ý của người đọc.

& lt; b & gt; định dạng thẻ văn bản thành in đậm. Tuy nhiên, bạn không nên sử dụng thẻ b để in đậm văn bản, thay vào đó hãy sử dụng thuộc tính font-weight của CSS.

Ví dụ

Thẻ

  & lt; p & gt; b được sử dụng để tạo & lt; b & gt; các từ đặc biệt & lt; / b & gt; bold. & lt; / p & gt;  

▶ Hãy thử

Kết quả:

Thẻ

b được sử dụng để làm đậm các từ đặc biệt .

& lt; strong & gt;

Thẻ

Thẻ & lt; strong & gt; thẻ được sử dụng để làm cho nội dung rất quan trọng hoặc khẩn cấp. Trình duyệt hiển thị nội dung đó dưới dạng nội dung in đậm.

Tuy nhiên, bạn không nên sử dụng thẻ mạnh để làm cho nội dung in đậm, thay vào đó hãy sử dụng thuộc tính font-weight của CSS.

Ví dụ

Thẻ

  & lt; p & gt; strong được sử dụng để tạo nội dung & lt; strong & gt; rất quan trọng & lt; / strong & gt;. & lt; / p & gt;    ▶ Dùng thử  

Kết quả:

thẻ mạnh được sử dụng để tạo nội dung rất quan trọng .

& lt; i & gt;

Thẻ

Thẻ & lt; i & gt; Thẻ được sử dụng để định dạng văn bản theo một tâm trạng hoặc giọng nói thay thế khác với văn bản bình thường.

Nó làm cho văn bản in nghiêng và được sử dụng để xác định các thuật ngữ kỹ thuật, văn bản thành ngữ, v.v.

Ví dụ

  & lt; p & gt; HTML là & lt; i & gt; ngôn ngữ đánh dấu & lt; / i & gt;. & lt; / p & gt;  

▶ Hãy dùng thử

Kết quả:

HTML là một.

& lt; em & gt;

Thẻ

Thẻ & lt; em & gt; được sử dụng để xác định sự nhấn mạnh trọng âm trên văn bản.

Thẻ em có thể được lồng vào nhau và với mỗi điểm nhấn lồng vào văn bản sẽ tăng lên.

Ví dụ

  & lt; p & gt; Bắt đầu cải thiện bản thân từ & lt; em & gt; ngay hôm nay & lt; / em & gt;! & lt; / p & gt;
& lt;! - các thẻ em lồng nhau - & gt;
& lt; p & gt; Công việc & lt; em & gt; real & lt; em & gt; hard & lt; / em & gt; & lt; / em & gt;. & lt; / p & gt;  

▶ Hãy dùng thử

Kết quả:

Làm việc chăm chỉ.

& lt; u & gt;

Thẻ

Thẻ & lt; u & gt; Thẻ được sử dụng để thể hiện một lời giải thích phi văn học.

Theo mặc định, nó gạch dưới nội dung văn bản nhưng có thể thay đổi nó bằng cách sử dụng CSS.

Ví dụ

  & lt; p & gt; Có rất nhiều & lt; u & gt; speling & lt; / u & gt; lỗi trong & lt; u & gt; thes & lt; / u & gt; dòng. & lt; / p & gt;  

▶ Hãy thử

Đầu ra:

< p> Có rất nhiều lỗi đánh dấu trong dòngs.

Thẻ

& lt; sup & gt;

Thẻ & lt; sup & gt; được sử dụng để hiển thị văn bản dưới dạng chỉ số trên.

Chỉ số siêu cao được hiển thị với đường cơ sở nâng lên và văn bản nhỏ hơn.

Ví dụ

  & lt; p & gt; Giá trị của hằng số hấp dẫn (G) là 6,67 x 10 & lt; sup & gt; -11 & lt; / sup & gt; m & lt; sup & gt; 3 & lt; / sup & gt; kg & lt; sup & gt; -1 & lt; / sup & gt; s & lt; sup & gt; -2 & lt; / sup & gt;. & lt; / p & gt;  

▶ Hãy thử

Kết quả:

Giá trị của hằng số hấp dẫn (G) là 6,67 x 10-11 m3kg-1s-2. < / p>
Thẻ

& lt; sub & gt;

& lt; sub & gt; được sử dụng để hiển thị văn bản dưới dạng chỉ số con.

Chỉ số phụ được hiển thị dưới dạng văn bản nhỏ với đường cơ sở thấp hơn.

Ví dụ

  & lt; p & gt; Công thức phân tử của glucose là C & lt; sub & gt; 6 & lt; / sub & gt; H & lt; sub & gt; 12 & lt; / sub & gt; O & lt; sub & gt; 6 & lt; / sub & gt;. & lt; / p & gt;  

▶ Hãy thử

Đầu ra:

Công thức phân tử của glucozơ là C6H12O6.

Thẻ

& lt; pre & gt;

& lt; pre & gt; còn được gọi là thẻ định dạng sẵn. Nó được sử dụng để trình bày văn bản vì nó được viết trong tài liệu HTML.

Nó hiển thị văn bản bằng phông chữ monospace. Các khoảng trắng được sử dụng trong phần tử được hiển thị giống như được viết.

Ví dụ

  & lt; p & gt; Tạo chữ Y lớn bằng cách sử dụng Y với & lt; code & gt; pre & lt; / code & gt; thẻ. & lt; / p & gt;
& lt; trước & gt; Y Y
      Y Y
       Y Y
        Y Y
         Y Y
          Y Y
           Y
           Y
           Y
           Y
           Y
           Y
           Y & lt; / pre & gt;  

▶ Hãy thử

Kết quả:

Tạo chữ Y lớn bằng chữ Y với thẻ trước.

 Y Y
 Y Y
  Y Y
   Y Y
    Y Y
     Y Y
      Y
      Y
      Y
      Y
      Y
      Y
      Y 

& lt; small & gt;

Thẻ

Thẻ & lt; small & gt; Thẻ được sử dụng để xác định văn bản nhỏ hơn như bản quyền, nhận xét, v.v.

Theo mặc định, nó hiển thị văn bản nhỏ hơn tiêu chuẩn tuy nhiên, nó có thể được kiểm soát bằng cách sử dụng CSS.

Ví dụ

  & lt; p & gt; The & amp; lt; small & amp; gt; thẻ được sử dụng để làm cho văn bản & lt; nhỏ & gt; nhỏ hơn & lt; / small & gt;. & lt; / p & gt;  

▶ Hãy thử < p class = "bold"> Kết quả:

& lt; small & gt; được sử dụng để thu nhỏ văn bản.

& lt; abbr & gt;

Thẻ

Thẻ & lt; abbr & gt; thẻ được sử dụng để đại diện cho một chữ viết tắt hoặc từ viết tắt. Thẻ chấp nhận thuộc tính tiêu đề chấp nhận dạng đầy đủ của từ. Khi người đọc di chuột qua văn bản, nó sẽ hiển thị mô tả đầy đủ về từ đó.

Ví dụ

  & lt; p & gt; & lt; abbr title = "Ngôn ngữ đánh dấu siêu văn bản" & gt; HTML & lt; / abbr & gt; được sử dụng để tạo các trang web. & lt; / p & gt;  

▶ Hãy dùng thử

Kết quả:

HTML được sử dụng để tạo các trang web.

Thẻ

& lt; code & gt;

Mã & lt; & gt; được sử dụng để hiển thị mã máy tính trên trang web. Trình duyệt sử dụng một số kiểu mặc định để cho biết đây là mã.

Bạn có thể sử dụng CSS để thêm các thuộc tính kiểu bổ sung vào thẻ.

Ví dụ

  & lt; style & gt;
  mã số {
    màu: # e83e8c;
    màu nền: # fff5f5;
  }
& lt; / style & gt;

& lt; p & gt; & lt; code & gt; document.getElementById & lt; / code & gt; được sử dụng phần tử chọn lọc trong một trang web bằng cách sử dụng ID của nó. & lt; / p & gt;  

▶ Hãy thử

Đầu ra:

document.getElementById được sử dụng phần tử chọn lọc trong một trang web bằng cách sử dụng ID của nó.

& lt; kbd & gt;

Thẻ

Thẻ & lt; kbd & gt; được sử dụng để hiển thị nhập liệu bằng bàn phím trên màn hình. Trình duyệt hiển thị nó bằng cách thêm một số kiểu mặc định vào đó.

Theo tiêu chuẩn HTML, không bắt buộc phải sử dụng nó, bạn có thể đạt được nó bằng cách sử dụng CSS.

Ví dụ

  & lt; p & gt; Nhấn & lt; kbd & gt; ctrl & lt; / kbd & gt; + & lt; kbd & gt; shift & lt; / kbd & gt; + & lt; kbd & gt; i & lt; / kbd & gt; để mở bảng điều khiển dành cho nhà phát triển. & lt; / p & gt;  

▶ Dùng thử

Đầu ra:

Nhấn ctrl + shift + i để mở bảng điều khiển dành cho nhà phát triển.

& lt; del & gt;

Thẻ

Thẻ & lt; del & gt; thẻ xác định văn bản đã bị xóa khỏi tài liệu hoặc trang web. Nó có thể được sử dụng để theo dõi các thay đổi đối với các phiên bản mã trước đó.

Nội dung của phần tử del có một đường gạch ngang cắt ngang nội dung ở giữa.

Ví dụ

  & lt; p & gt; Mã vô dụng (& lt; del & gt; function nothing () {} & lt; / del & gt;) đã bị xóa trong newerverion. & lt; / p & gt;  

▶ Hãy thử

Đầu ra:

< p> Mã vô dụng (hàm vô dụng () {}) đã bị xóa trong newerverion.

Thẻ

& lt; ins & gt;

Các & lt; in & gt; được sử dụng để hiển thị một nhóm văn bản đã được thêm vào tài liệu.

Thẻ ins thêm gạch chân chắc chắn vào văn bản của nó.

Ví dụ

  & lt; del & gt;
  & lt; p & gt; Sử dụng túi nhựa. & lt; / p & gt;
& lt; / del & gt;
& lt; in & gt;
  & lt; p & gt; Sử dụng các chất có thể phân hủy sinh học để làm túi đựng. & lt; / p & gt;
& lt; / ins & gt;  

▶ Dùng thử

Kết quả:

Sử dụng nhựa cho túi.

Sử dụng các chất có thể phân hủy sinh học để làm túi đựng.

& lt; mark & ​​gt;

Thẻ

Thẻ & lt; mark & ​​gt; đánh dấu thẻ hoặc đánh dấu văn bản để thu hút sự chú ý của người đọc.

Theo tiêu chuẩn HTML, không bắt buộc phải sử dụng nó, bạn có thể đạt được nó bằng cách sử dụng CSS.

Ví dụ

  & lt; p & gt; mark tag được sử dụng để & lt; đánh dấu & gt; tô sáng & lt; / mark & ​​gt; một văn bản. & lt; / p & gt;  

▶ Hãy thử

Đầu ra:

Thẻ đánh dấu

được sử dụng để đánh dấu một văn bản.

Thẻ

& lt; blockquote & gt;

& lt; blockquote & gt; cho biết rằng văn bản kèm theo là văn bản mở rộng từ một nguồn khác.

URL của nguồn bên ngoài được cung cấp bằng thuộc tính cite.

Ví dụ

  & lt; style & gt;
  blockquote {
    lề: 0;
    đệm: 10px;
    nền: #eee;
    border-left: 3px solid #aaa;
  }
& lt; / style & gt;

& lt; blockquote cite = "https://www.w3.org/TR/html52/introduction.html" & gt; HTML đã trải qua một số bản sửa đổi và trải qua một số tiện ích mở rộng, trước tiên được lưu trữ tại CERN, sau đó
tại IETF & lt; / blockquote & gt;  

▶ Dùng thử

Đầu ra:

HTML đã trải qua một số bản sửa đổi và trải qua một số tiện ích mở rộng, chủ yếu được lưu trữ đầu tiên tại CERN và thì tại IETF

Thẻ

& lt; s & gt;

Các & lt; s & gt; gắn thẻ văn bản hiển thị bằng cách gạch ngang với nó. Nó được sử dụng để hiển thị một nội dung cụ thể không còn phù hợp nữa.

Để cho biết chỉnh sửa tài liệu, hãy sử dụng & lt; del & gt; thay vào đó.

Ví dụ

  & lt; p & gt; & lt; s & gt; Sử dụng & amp; lt; center & amp; gt; để xác định văn bản trong HTML. & lt; / s & gt; & lt; / p & gt;
& lt; p & gt; & amp; lt; center & amp; gt; Thẻ không được dùng nữa, hãy sử dụng CSS để thay thế. & lt; / p & gt;  

▶ Hãy dùng thử

Kết quả:

Sử dụng & lt; center & gt; để trích xuất văn bản trong HTML.

& lt; center & gt; Thẻ không được dùng nữa, hãy sử dụng CSS để thay thế.

Thẻ

& lt; address & gt;

Địa chỉ & lt; & gt; được sử dụng để hiển thị địa chỉ liên hệ hoặc địa chỉ của một người hoặc một tổ chức.

Nó có thể bao gồm bất kỳ loại thông tin nào như email, số điện thoại, số nhà, mạng xã hội, v.v.

Đầu ra:

Mailto: John smith
Điện thoại: 1234567890
Twitter: 🐦 @ example_john

& lt; cite & gt;

Thẻ

Thẻ & lt; cite & gt; thẻ mô tả một tham chiếu đến một tác phẩm hoặc nghệ thuật sáng tạo được trích dẫn. Nó phải bao gồm tiêu đề của tác phẩm đó.

Tác phẩm sáng tạo có thể là một cuốn sách, một bài nghiên cứu, một bài hát, một bức tranh, v.v.

Ví dụ

  & lt; p & gt; & lt; cite & gt; Monalisha & lt; / cite & gt; bức tranh là một trong những bức tranh bí ẩn nhất trong lịch sử. & lt; / p & gt;  

▶ Hãy thử

Đầu ra:

Bức tranh Monalisha là một trong những bức tranh bí ẩn nhất trong lịch sử.

Thẻ

& lt; dfn & gt;

& lt; dfn & gt; tag (thẻ định nghĩa) được sử dụng để cho biết rằng một thuật ngữ đang được định nghĩa trong câu.

Khi bạn sử dụng & lt; dfn & gt; rồi đến phần tử mẹ gần nhất như & lt; p & gt; hoặc & lt; phần & gt; thẻ phải chứa định nghĩa của thuật ngữ.

Ví dụ

  & lt; p & gt; & lt; dfn & gt; HTML & lt; / dfn & gt; là ngôn ngữ đánh dấu được sử dụng để tạo trang web. & lt; / p & gt;  

▶ Hãy thử

Đầu ra:

HTML là một ngôn ngữ đánh dấu được sử dụng để tạo các trang web.

Thẻ

& lt; meter & gt;

Đồng hồ & lt; mét & gt; được sử dụng để xác định thang điểm với một phạm vi và giá trị nhất định.

Thẻ yêu cầu một giá trị được xác định với giá trị nhỏ nhất và giá trị tối đa của tỷ lệ. Giá trị tối thiểu, tối đa và giá trị là các thuộc tính của thẻ.

Bạn cũng có thể cung cấp các giá trị thấp và cao cho thang đo được sử dụng để thay đổi màu sắc của thang đo. Nếu giá trị của thang đo dưới giá trị thấp thì thang đo có màu xanh lá cây, nếu giá trị từ thấp đến cao thì thang đo có màu vàng và nếu thang đo cao hơn giá trị cao thì thang đo có màu đỏ.

Ví dụ

  & lt; p & gt; Tốc độ của xe đạp là 65 km / h & lt; mét min = "0" max = "100" low = "33" high = "66" value = "65" & gt; & lt; / meter & gt; & lt; / p & gt;  

▶ Hãy thử

Đầu ra:

Tốc độ của xe đạp là 65 km / h

& lt; process & gt;

Thẻ

& lt; process & gt; được sử dụng để hiển thị một chỉ báo để hiển thị tiến độ hoàn thành của một nhiệm vụ. Nó được hiển thị dưới dạng thanh tiến trình.

Thẻ chấp nhận 2 thuộc tính

  1. max

    - Mô tả giá trị cao nhất của thanh tiến trình

  2. value

    - Mô tả giá trị hiện tại của thanh tiến trình

Ví dụ

  & lt; p & gt; Tác vụ đã hoàn thành 75% & lt; process max = "100" value = "75" & gt; & lt; / process & gt; & lt; / p & gt;  

▶ Hãy thử

Kết quả:

Nhiệm vụ đã hoàn thành 75%

& lt; q & gt;

Thẻ

Thẻ & lt; q & gt; thẻ xác định một trích dẫn nội tuyến. Trình duyệt hiện đại nhất tự động thêm dấu ngoặc kép xung quanh văn bản.

< / p>

Ví dụ

  & lt; p & gt; Khái niệm về & lt; q & gt ; cái này & lt; / q & gt; trong javascript có thể hơi khó hiểu đối với người mới bắt đầu. & lt; / p & gt;  

▶ Hãy thử

Đầu ra:

Khái niệm này trong javascript có thể hơi khó hiểu đối với người mới bắt đầu.

& lt; samp & gt;

Thẻ

Thẻ & lt; samp & gt; thẻ xác định một mẫu đầu ra của máy tính từ một chương trình máy tính.

Trình duyệt hiển thị nội dung bằng cách sử dụng kiểu mặc định như phông chữ monospaced.

Ví dụ

  & lt; p & gt; & lt; samp & gt; Các trường hợp kiểm tra không thành công & lt; br & gt; Vui lòng cải thiện thuật toán & lt; / samp & gt; & lt; / p & gt;  

▶ Hãy thử

Kết quả :

Các trường hợp kiểm tra không thành công
Vui lòng cải thiện thuật toán

Thẻ

& lt; template & gt;

& lt; mẫu & gt; là một thẻ ít được biết đến nhưng rất hữu ích. Nó được sử dụng để giữ mã HTML không được hiển thị trên màn hình. Bạn có thể sử dụng các mã này sau bằng cách sử dụng javascript .

Bạn có thể coi nó như một vùng chứa nơi bạn có thể lưu trữ mã HTML, sau đó tìm nạp nó bằng javascript và đọc nó ở một nơi khác.

< / p>

Mã HTML bên trong thẻ mẫu không được hiển thị bởi trình phân tích cú pháp sẽ xử lý để đảm bảo tính hợp lệ của mã.

Ví dụ

  & lt; template id = "moreLang" & gt;
  & lt; li & gt; JavaScript & lt; / li & gt;
  & lt; li & gt; Python & lt; / li & gt;
& lt; / mẫu & gt;

& lt; ul id = "langList" & gt;
  & lt; li & gt; C & lt; / li & gt;
  & lt; li & gt; C ++ & lt; / li & gt;
& lt; / ul & gt;
& lt; button onclick = "addMoreLang ()" & gt; Thêm ngôn ngữ từ mẫu & lt; / button & gt;

& lt; script & gt;
  const moreLang = document.getElementById ("moreLang");
  const langList = document.getElementById ("langList");
  
  function addMoreLang () {
    const clone = moreLang.content.cloneNode (true);
    langList.appendChild (nhân bản);
  }
& lt; / script & gt;  

▶ Dùng thử

Kết quả:

  • C
  • C ++
  • JavaScript
  • Python
  • Thẻ

    & lt; time & gt;

    & lt; thời gian & gt; được sử dụng để biểu thị thời gian trong HTML. Nó chứa thuộc tính datetime lưu trữ ngày và giờ chính xác của một sự kiện, được các công cụ tìm kiếm sử dụng để cung cấp kết quả tốt hơn.

    Ví dụ

      & lt; p & gt; Tôi có cuộc họp lúc & lt; time & gt; 02:30 pm & lt; / time & gt;. & lt; / p & gt;
    & lt; p & gt; & lt; time datetime = "2021-06-23 17:00:00" & gt; Sinh nhật của tôi & lt; / time & gt; đang vào mùa hè. & lt; / p & gt;  

    ▶ Hãy thử

    Sản lượng:

    Tôi có một cuộc họp lúc 02:30 chiều.

    Sinh nhật của tôi vào mùa hè.

    Thẻ

    & lt; var & gt;

    & lt; var & gt; được sử dụng để đại diện cho một biến trong chương trình hoặc trong một biểu thức toán học.

    Trình duyệt thể hiện nó trong một phiên bản in nghiêng.

    Đầu ra:

    var a = 2, b = 3, c = 5;

    a2 + b2 = c2

    & lt; img & gt;

    Thẻ

    & lt; img & gt; được sử dụng để xác định một hình ảnh trên trang web. Đây là một thẻ tự đóng.

    Thẻ img chấp nhận URL của hình ảnh theo thuộc tính src. Bạn cũng có thể cung cấp văn bản thay thế (văn bản thay thế) được sử dụng khi hình ảnh không tồn tại.

    Ví dụ

      & lt; img src = "cat.jpg" alt = "hình ảnh một con mèo" & gt;  

    ▶ Hãy thử

    Đầu ra

    Thẻ

    & lt; figure & gt;

    & lt; hình & gt; hoạt động như một vùng chứa hình ảnh và cũng cung cấp một tùy chọn cho phụ đề hình ảnh được xác định bởi & lt; figcaption & gt ;.

    Thẻ hình làm cho hình ảnh, chú thích của hình ảnh và các nội dung khác trở thành một đơn vị duy nhất.

    Ví dụ

      & lt; style & gt;
      nhân vật {
        đệm: 5px;
        width: phù hợp với nội dung;
        viền: bạc đặc 1px;
      }
    & lt; / style & gt;
    & lt; hình & gt;
      & lt; img src = "cat.jpg" alt = "một con mèo" & gt;
      & lt; figcaption & gt; Hình ảnh một con mèo & lt; / figcaption & gt;
    & lt; / figure & gt;  

    ▶ Hãy thử

    Kết quả

    Hình ảnh một con mèo
    Thẻ

    & lt; figcaption & gt;

    & lt; hình tượng & gt; được sử dụng để tạo chú thích cho hình ảnh bên trong & lt; hình & gt; thẻ.

    Ví dụ

      & lt; style & gt;
      nhân vật {
        đệm: 5px;
        width: phù hợp với nội dung;
        viền: bạc đặc 1px;
      }
    
      mô tả {
        màu trắng;
        đệm: 10px;
        text-align: center;
        nền: màu xám;
      }
    & lt; / style & gt;
    
    & lt; hình & gt;
      & lt; img src = "cat.jpg" alt = "một con mèo" & gt;
      & lt; figcaption & gt; Hình ảnh một con mèo & lt; / figcaption & gt;
    & lt; / figure & gt;  

    ▶ Hãy thử

    Kết quả

    Hình ảnh một con mèo

    Thẻ

    & lt; picture & gt;

    & lt; hình ảnh & gt; được sử dụng để xác định lưu giữ nhiều nguồn của một hình ảnh. Nó chứa 0 hoặc nhiều hơn & lt; nguồn & gt; phần tử và 1 & lt; img & gt ;.

    Nhiều tài nguyên của hình ảnh được chọn trong một kịch bản khác và nguồn hình ảnh từ & lt; img & gt; thẻ được sử dụng khi không có nguồn nào khác có sẵn hoặc được hỗ trợ.

    & lt; img & gt; cũng được sử dụng để cung cấp thuộc tính alt và chiều rộng của hình ảnh.

    Ví dụ

      & lt; p & gt; Điều chỉnh kích thước cửa sổ ở 600px và xem cách trình duyệt chọn các nguồn hình ảnh khác nhau cho các trường hợp khác nhau. & lt; / p & gt;
    & lt; hình ảnh & gt;
      & lt; source srcset = "flowers.jpg" media = "(max-width: 600px)" & gt;
      & lt; img src = "cat.jpg" alt = "hình ảnh" & gt;
    & lt; / picture & gt;  

    ▶ Dùng thử

    Kết quả

    Thay đổi kích thước cửa sổ ở 600px và xem cách trình duyệt chọn các nguồn hình ảnh khác nhau.

    & lt; map & gt;

    Thẻ

    & lt; map & gt; được sử dụng để xác định các phần tử khu vực nhằm tạo cấu trúc có thể nhấp giống như bản đồ bên trong một hình ảnh.

    & lt; area & gt; thẻ

    Khu vực & lt; & gt; được sử dụng để xác định một khu vực bên trong hình ảnh và tạo một liên kết có thể nhấp được. Nó sử dụng các thuộc tính để xác định hình dạng, tọa độ, URL, v.v.

    • shape - Nó xác định các hình dạng như hình tròn, hình chữ nhật, đa giác, v.v.
    • coords - Nó chỉ định tọa độ của hình dạng trong mẫu x1, y1, x2, y2 ...
    • href - Nó cung cấp URL của siêu kết nối cho khu vực mục tiêu

    Ví dụ

      & lt; map name = "yourMap" & gt;
      & lt; area shape = "poly" coords = "150,0,150,177,0,260" href = "https://www.tutorialstonight.com/html/html-introduction.php"
        target = "_ blank" alt = "Hướng dẫn HTML" & gt;
      & lt; area shape = "poly" coords = "0,260,150,178,300,260" href = "https://www.tutorialstonight.com/css/css-introduction.php"
        target = "_ blank" alt = "Hướng dẫn CSS" & gt;
      & lt; area shape = "poly" coords = "151,0,151,177,300,260" href = "https://www.tutorialstonight.com/js/"
        target = "_ blank" alt = "Hướng dẫn JavaScript" & gt;
    & lt; / bản đồ & gt;
    & lt; img src = "area-image.png" alt = "bản đồ và khu vực" usemap = "# yourMap" & gt;  

    ▶ Thử Nó

    Đầu ra

    Thẻ

    & lt; canvas & gt;

    & lt; canvas & gt; đã được giới thiệu trong HTML5. Nó được sử dụng để tạo đồ họa và hoạt ảnh có thể điều khiển được.

    Bằng cách sử dụng canvas , bạn có thể tạo mọi thứ từ hoạt ảnh đơn giản đến trò chơi phức tạp.

    Bạn cần javascript để tạo bất kỳ thứ gì bên trong canvas. Kích thước mặc định của canvas là 300 × 150.

    Ví dụ

      & lt; canvas id = "myCanvas" & gt; & lt; / canvas & gt;
    & lt; style & gt; canvas {border: 1px solid black} & lt; / style & gt;
    & lt; script & gt;
      const canvas = document.getElementById ("myCanvas");
      const ctx = canvas.getContext ("2d");
      ctx.fillStyle = "màu vàng";
      ctx.fillRect (20, 20, 50, 50);
      ctx.fillRect (80, 20, 50, 50);
      ctx.fillStyle = "red";
      ctx.fillRect (50, 80, 50, 50);
    & lt; / script & gt;  

    ▶ Dùng thử

    Kết quả

    Thẻ

    & lt; svg & gt;

    & lt; svg & gt; còn được gọi là đồ họa vector có thể mở rộng. Nó được sử dụng để tạo các hình dạng hình học khác nhau như hình tròn, hình chữ nhật, đường thẳng, đường cong, hình ảnh vectơ, v.v.

    SVG có thể tạo hình ảnh rất phức tạp và rất nhẹ. Các thành phần của những hình ảnh này có thể dễ dàng xử lý bằng CSS và javascript.

    Đầu ra

    Thẻ

    & lt; a & gt;

    & lt; a & gt; thẻ còn được gọi là thẻ liên kết được sử dụng để tạo siêu liên kết đến một trang web khác.

    URL của siêu kết nối được cung cấp dưới dạng thuộc tính href. Trình duyệt hiển thị văn bản liên kết được gạch chân và có màu xanh lam.

    Ví dụ

      & lt; p & gt; Truy cập
    & lt; a href = "https://www.tutorialstonight.com/html/html-links.php" & gt; đây & lt; / a & gt;
     để tìm hiểu về thẻ liên kết. & lt; / p & gt;  

    ▶ Hãy thử

    Kết quả

    Truy cập tại đây để tìm hiểu về thẻ liên kết.

    Liên kết & lt; & gt; được sử dụng để tạo mối quan hệ giữa tài liệu hiện tại và bất kỳ tài liệu bên ngoài nào. Nó chủ yếu được sử dụng để thêm biểu định kiểu bên ngoài vào các tệp HTML.

    Nó được sử dụng bên trong & lt; head & gt; nhãn. Ngoài bảng định kiểu, nó cũng được sử dụng để thêm biểu tượng yêu thích vào các trang web và thiết bị di động.

    Thẻ

    & lt; nav & gt; xác định một phần của trang có các liên kết điều hướng, liên kết nội bộ hoặc liên kết bên ngoài.

    Nó có thể được sử dụng để tạo menu, thanh bên có nhiều liên kết, liên kết chân trang, v.v.

    Đầu ra

    & lt; ol & gt;

    Thẻ

    Thẻ & lt; ol & gt; thẻ xác định một danh sách có thứ tự các mục. Nó hoạt động giống như một vùng chứa cho một mục danh sách được liệt kê theo thứ tự.

    Thứ tự mặc định của & lt; ol & gt; là 1, 2, 3 ..., v.v. Mặc dù bạn có thể sử dụng thuộc tính type để đặt các kiểu đánh số khác nhau.

    • type = "a"

      - chữ thường

    • type = "A"

      - chữ hoa

    • type = "i"

      - chữ cái la mã viết thường < / li>

    • type = "I"

      - chữ cái la mã viết hoa

    • type = "1" - số (mặc định)

    Ví dụ

      & lt; ol & gt;
      & lt; li & gt; HTML & lt; / li & gt;
      & lt; li & gt; CSS & lt; / li & gt;
      & lt; li & gt; JavaScript & lt; / li & gt;
    & lt; / ol & gt;
    & lt; p & gt; Thay đổi loại danh sách có thứ tự. & lt; / p & gt;
    & lt; ol type = "A" & gt;
      & lt; li & gt; HTML & lt; / li & gt;
      & lt; li & gt; CSS & lt; / li & gt;
      & lt; li & gt; JavaScript & lt; / li & gt;
    & lt; / ol & gt;  

    ▶ Dùng thử

    Đầu ra

    1. HTML
    2. CSS
    3. JavaScript

    Thay đổi loại danh sách có thứ tự.

    1. HTML
    2. CSS
    3. JavaScript

    & lt; ul & gt;

    Thẻ

    Thẻ & lt; ul & gt; thẻ xác định danh sách không có thứ tự. Nó hoạt động giống như một vùng chứa cho các mục trong danh sách không có thứ tự.

    Các mục trong danh sách không có thứ tự được hiển thị dưới dạng các mục đầu dòng tuy nhiên chúng có thể được thay đổi bằng cách sử dụng thuộc tính type.

    • type = "circle"

    • type = "disk"

    • type =" square "

    Ví dụ

      & lt; ul & gt;
      & lt; li & gt; HTML & lt; / li & gt;
      & lt; li & gt; CSS & lt; / li & gt;
      & lt; li & gt; JavaScript & lt; / li & gt;
    & lt; / ul & gt;
    & lt; p & gt; Thay đổi loại danh sách có thứ tự. & lt; / p & gt;
    & lt; ul type = "square" & gt;
      & lt; li & gt; HTML & lt; / li & gt;
      & lt; li & gt; CSS & lt; / li & gt;
      & lt; li & gt; JavaScript & lt; / li & gt;
    & lt; / ul & gt;  

    ▶ Dùng thử

    Kết quả

      < li> HTML
    • CSS
    • JavaScript

    Thay đổi loại danh sách có thứ tự.

    • HTML
    • CSS
    • JavaScript

    Thẻ

    & lt; li & gt;

    & lt; li & gt; được sử dụng để tạo các mục danh sách cho tất cả các loại danh sách.

    Nó phải có cha mẹ như & lt; ol & gt; hoặc & lt; ul & gt ;.

    Đầu ra

    • HTML
    • CSS
    • JavaScript

    Thẻ

    & lt; dl & gt;

    & lt; dl & gt; thẻ xác định danh sách mô tả.

    Danh sách mô tả chứa danh sách các nhóm thuật ngữ được chỉ định bởi & lt; dt & gt; và các mô tả của chúng được chỉ định bởi & lt; dd & gt ;.

    Thẻ

    & lt; dt & gt;

    & lt; dt & gt; thẻ xác định một thuật ngữ mô tả trong danh sách mô tả. Nó phải nằm bên trong & lt; dl & gt; thẻ.

    Thẻ

    & lt; dd & gt;

    Các & lt; đ & gt; thẻ xác định mô tả cho một thuật ngữ trong danh sách mô tả. Đó là điều khoản tiếp tục của & lt; dd & gt; và nằm bên trong & lt; dl & gt; thẻ.

    Ví dụ

      & lt; dl & gt;
      & lt; dt & gt; HTML & lt; / dt & gt;
      & lt; dd & gt; Một ngôn ngữ đánh dấu & lt; / dd & gt;
      & lt; dt & gt; CSS & lt; / dt & gt;
      & lt; dd & gt; Một ngôn ngữ để thiết kế trang web & lt; / dd & gt;
      & lt; dt & gt; JavaScript & lt; / dt & gt;
      & lt; dd & gt; Một ngôn ngữ tập lệnh & lt; / dd & gt;
    & lt; / dl & gt;  

    ▶ Dùng thử

    Kết quả

    < dt> HTML
    Một ngôn ngữ đánh dấu
    CSS
    Một ngôn ngữ để thiết kế các trang web
    JavaScript
    Một tập lệnh ngôn ngữ

    Thẻ

    & lt; form & gt;

    & lt; biểu mẫu & gt; được sử dụng để xác định biểu mẫu trong tài liệu HTML để gửi thông tin của người dùng.

    Biểu mẫu HTML bao gồm các loại đầu vào khác nhau cho các lần gửi dữ liệu khác nhau.

    Sản lượng

    Tên: Tuổi:

    & lt; input & gt;

    Thẻ

    Thẻ & lt; input & gt; được sử dụng để tạo thành phần đầu vào trong các trang web. Nó cần một thuộc tính type để cho trình duyệt biết loại dữ liệu mà thành phần đầu vào này sẽ chấp nhận.

    Giá trị mặc định của thuộc tính type là văn bản. Thuộc tính type có thể có nhiều giá trị khác nhau như được hiển thị trong danh sách:

    • type = "text"

    • type = "number"

    • type = "email"

    • type = "password"

    • type = "file"

    • type =" submit "

    Ví dụ

      & lt; form & gt;
      Tên: & lt; input type = "text" & gt; & lt; br & gt;
      Tuổi: & lt; input type = "number" & gt; & lt; br & gt;
      Email: & lt; input type = "email" & gt; & lt; br & gt;
      Mật khẩu: & lt; input type = "password" & gt; & lt; br & gt;
      Bằng chứng nhận dạng: & lt; input type = "file" & gt; & lt; br & gt;
      & lt; input type = "submit" value = "Gửi" & gt;
    & lt; / form & gt;  

    ▶ Dùng thử

    Kết quả

    Tên:
    Tuổi:
    Email:
    Mật khẩu:
    Bằng chứng nhận dạng:

    & lt; label & gt;

    Thẻ

    & lt; label & gt; thẻ xác định chú thích cho một mục trên trang web. Nó thường được sử dụng cho các phần tử đầu vào.

    Văn bản nhãn có các phần tử đầu vào không chỉ được liên kết trực quan mà còn được liên kết theo chương trình. Khi bạn nhấp vào văn bản của phần tử nhãn, đầu vào tương ứng của nó sẽ kích hoạt.

    Có 2 cách để liên kết thẻ nhãn với một phần tử khác:

    1. Sử dụng < p class = "focus"> cho

      một thuộc tính trong thẻ nhãn và cung cấp cùng một giá trị cho

      ID

      của phần tử bạn muốn liên kết.

    2. Lồng các phần tử khác bên trong thẻ nhãn.

    Ví dụ

      & lt; p & gt; Nhấp vào thẻ nhãn để kích hoạt phần tử tương ứng. & lt; / p & gt;
    & lt; biểu mẫu & gt;
      & lt;! - Thêm nhãn phương pháp 1 - & gt;
      & lt; label for = "name" & gt; Tên: & lt; / label & gt;
      & lt; input type = "text" id = "name" & gt; & lt; br & gt;
      & lt;! - Thêm nhãn theo phương pháp 2 - & gt;
      & lt; nhãn & gt; Tuổi:
        & lt; input type = "number" & gt;
      & lt; / label & gt;
    & lt; / form & gt;  

    ▶ Dùng thử

    Kết quả

    Nhấp vào trên thẻ nhãn để kích hoạt phần tử tương ứng.

    Tên:
    Tuổi:
    Thẻ

    & lt; textarea & gt;

    & lt; textarea & gt; thẻ xác định một thành phần đầu vào của người dùng nhiều dòng. Nó cho phép người dùng điều chỉnh kích thước của nó.

    Nó thường được sử dụng để nhận nhận xét, phản hồi hoặc đánh giá từ người dùng.

    Kết quả

    Phản hồi:

    & lt; option & gt;

    Thẻ

    & lt; option & gt; xác định một mục sẽ được chọn trong & lt; select & gt ;, & lt; optgroup & gt; hoặc & lt; datalist & gt; phần tử.

    & lt; select & gt;

    Thẻ

    Thẻ & lt; select & gt; thẻ xác định điều khiển cho menu để chọn một phần tử từ nhiều tùy chọn.

    Bạn có thể liên kết một thẻ nhãn với nó. Khi bạn nhấp vào điều khiển, một menu sẽ mở ra, từ đó bạn có thể chọn một mục.

    Ví dụ

      & lt; label for = "lang" & gt; Chọn một cái để bắt đầu: & lt; / label & gt;
    & lt; select id = "lang" & gt;
      & lt; option value = "HTML" & gt; HTML & lt; / option & gt;
      & lt; option value = "CSS" & gt; CSS & lt; / option & gt;
      & lt; option value = "javascript" & gt; JavaScript & lt; / option & gt;
    & lt; / select & gt;  

    ▶ Dùng thử

    Kết quả

    Chọn một cái để bắt đầu:

    Thẻ

    & lt; optgroup & gt;

    & lt; optgroup & gt; được sử dụng để tạo một nhóm tùy chọn trong & lt; select & gt; thẻ.

    Ví dụ

      & lt; label for = "lang" & gt; Chọn một cái để bắt đầu: & lt; / label & gt;
    & lt; select id = "lang" & gt;
      & lt; optgroup label = "Thiết kế Web" & gt;
        & lt; option value = "HTML" & gt; HTML & lt; / option & gt;
        & lt; option value = "CSS" & gt; CSS & lt; / option & gt;
      & lt; / optgroup & gt;
      & lt; optgroup label = "Phát triển Web" & gt;
        & lt; option value = "javascript" & gt; JavaScript & lt; / option & gt;
        & lt; option value = "Python" & gt; Python & lt; / option & gt;
        & lt; option value = "PHP" & gt; PHP & lt; / option & gt;
      & lt; / optgroup & gt;
    & lt; / select & gt;  

    ▶ Dùng thử

    Kết quả

    Chọn một đầu ra để bắt đầu:

    Thẻ

    & lt; fieldset & gt;

    & lt; tập trường & gt; được sử dụng để nhóm một số nhãn và đầu vào trong một biểu mẫu.

    Sử dụng & lt; chú giải & gt; thẻ trong đó xác định rõ nhóm trong biểu mẫu.

    Thẻ

    & lt; legend & gt;

    & lt; huyền thoại & gt; thẻ xác định phụ đề cho nội dung của phần tử mẹ của nó.

    Kết quả

    Dữ liệu cá nhân Tên: Tuổi: Dữ liệu học tập Thống nhất: Phần trăm:

    Thẻ

    & lt; datalist & gt;

    & lt; datalist & gt; thẻ xác định một điều khiển cho phép bạn chọn một mục từ menu và cung cấp cho bạn khả năng gửi thứ khác ngoài mục menu.

    Ví dụ

      & lt; form & gt;
      & lt; label & gt; Chọn hoặc gửi ngôn ngữ của riêng bạn:
        & lt; input list = "language" & gt;
        & lt; datalist id = "Languages" & gt;
          & lt; option value = "HTML" & gt; HTML & lt; / option & gt;
          & lt; option value = "CSS" & gt; CSS & lt; / option & gt;
          & lt; option value = "JS" & gt; JS & lt; / option & gt;
        & lt; / datalist & gt;
      & lt; / label & gt;
    & lt; / form & gt;  

    ▶ Dùng thử

    Kết quả

    Chọn hoặc gửi ngôn ngữ của riêng bạn: HTMLCSSJS

    Thẻ

    & lt; button & gt;

    Nút & lt; & gt; được sử dụng để tạo một nút có thể nhấp trong HTML, có thể kích hoạt một số nút thậm chí hoặc gửi biểu mẫu.

    Trong một biểu mẫu khi bạn cung cấp type = "submit" thì nó sẽ trở thành nút gửi cho biểu mẫu.

    Ví dụ

      & lt; form & gt;
      & lt; label & gt; Name: & lt; input type = "text" & gt; & lt; / label & gt; & lt; br & gt;
      & lt; button type = "submit" & gt; Gửi biểu mẫu & lt; / button & gt;
    & lt; / form & gt;  

    ▶ Dùng thử

    Kết quả

    Tên:

    Thẻ

    & lt; table & gt;

    Bảng & lt; & gt; được sử dụng để tạo một bảng trong HTML nhằm thể hiện dữ liệu dạng bảng trên trang web.

    Chỉ & lt; bảng & gt; thẻ không tạo bảng, một bảng có nhiều thành phần như head, row, table data, v.v. và mỗi thành phần được tạo bởi thẻ riêng mà bạn sẽ tìm hiểu thêm trong phần này.

    Đầu ra

    NameAgeJohn30Jeany34
    Thẻ

    & lt; thead & gt;

    & lt; thead & gt; được sử dụng để xác định một hàng trong bảng đại diện cho phần đầu của bảng.

    Đầu ra

    NameAge
    Thẻ

    & lt; tbody & gt;

    & lt; tbody & gt; được sử dụng để đóng gói một tập hợp các hàng trong bảng đại diện cho phần nội dung của bảng.

    Ngay cả khi bạn không sử dụng & lt; tbody & gt; trong trình duyệt của bạn sẽ tự động thêm nó vào bảng.

    Đầu ra

    NameAgeJohn30Jeany34

    & lt; tfoot & gt; được sử dụng để tóm tắt tất cả các hàng ở cuối bảng.

    Đầu ra

    Sản phẩmPricePotato40Milk20Total60
    Thẻ

    & lt; tr & gt;

    Các & lt; tr & gt; được sử dụng để tạo một hàng ô trong bảng. Đối với mỗi hàng, hãy tạo một & lt; tr & gt; thẻ.

    Các hàng được điền bằng & lt; th & gt; thẻ hoặc & lt; td & gt; thẻ.

    Đầu ra

    NameAgeJohn30Jeany34
    Thẻ

    & lt; th & gt;

    Các & lt; th & gt; được sử dụng để xác định ô tiêu đề.

    Đầu ra

    NameAgeJohn30Jeany34
    Thẻ

    & lt; td & gt;

    & lt; td & gt; được sử dụng để tạo ô chứa dữ liệu bảng.

    Đầu ra

    NameAgeJohn30Jeany34

    & lt; chú thích & gt; được sử dụng để tạo phụ đề cho bảng trong HTML.

    Thẻ

    & lt; colgroup & gt;

    Nhóm & lt; colgroup & gt; được sử dụng để xác định một nhóm cột trong bảng.

    Thẻ

    & lt; col & gt;

    & lt; col & gt; thẻ là xác định một cột trong bảng ..

    Đầu ra

    TênAgesalaryJohn302000 $ Jeany342400 $
    Thẻ

    & lt; audio & gt;

    & lt; âm thanh & gt; được sử dụng để nhúng tệp âm thanh trên trang web.

    Thuộc tính src chỉ định vị trí của tệp âm thanh.

    Bạn có thể sử dụng các thuộc tính điều khiển để chỉ định tệp âm thanh sẽ phát, âm lượng và tốc độ phát lại.

    Nó có thể chứa nhiều & lt; nguồn & gt; để chỉ định nhiều định dạng âm thanh.

    Ví dụ

      & lt; điều khiển âm thanh src = "audio.mp3" & gt; & lt; / audio & gt;
    
    & lt;! - Nhiều định dạng âm thanh - & gt;
    & lt; điều khiển âm thanh & gt;
      & lt; nguồn src = "audio.mp3" & gt;
      & lt; nguồn src = "audio.ogg" & gt;
      & lt; nguồn src = "audio.wav" & gt;
    & lt; / audio & gt;  

    ▶ Dùng thử

    Kết quả

    Thẻ

    & lt; video & gt;

    & lt; video & gt; được sử dụng để nhúng trình phát đa phương tiện hỗ trợ phát lại video trên trang web.

    Ngay cả đối với & lt; âm thanh & gt; các tệp phương tiện bạn có thể sử dụng & lt; video & gt; nhưng bạn nên sử dụng & lt; audio & gt; thẻ cho & lt; âm thanh & gt; tệp phương tiện.

    Thuộc tính src chỉ định vị trí của tệp video.

    Bạn có thể sử dụng các thuộc tính điều khiển để chỉ định tệp video có các điều khiển như phát, tạm dừng, dừng, âm lượng, v.v.

    Nó có thể chứa nhiều & lt; nguồn & gt; để chỉ định nhiều định dạng video.

    Ví dụ

      & lt; điều khiển video src = "video.mp4" & gt; & lt; / video & gt;
    
    & lt;! - Nhiều định dạng video - & gt;
    & lt; điều khiển video & gt;
      & lt; nguồn src = "video.mp4" & gt;
      & lt; nguồn src = "video.ogg" & gt;
      & lt; nguồn src = "video.webm" & gt;
    & lt; / video & gt;  

    ▶ Dùng thử

    Kết quả

    Thẻ

    & lt; track & gt;

    & lt; theo dõi & gt; được sử dụng để nhúng một bản nhạc vào tệp phương tiện. Nó được sử dụng để chỉ định vị trí của bản nhạc trong tệp phương tiện.

    Thuộc tính src chỉ định vị trí của tệp bản nhạc.

    Thuộc tính srclang chỉ định ngôn ngữ của bản nhạc.

    Thuộc tính kind chỉ định loại bản nhạc. Nó có thể là phụ đề, chú thích, mô tả, chương, v.v. Nó là tùy chọn.

    Thuộc tính nhãn chỉ định một nhãn sẽ được hiển thị trong giao diện người dùng.

      & lt; track srclang = "en" & gt;
      & lt; nguồn src = "subtitle.vtt" & gt;
    & lt; / track & gt;  

    Thẻ

    & lt; source & gt;

    & lt; nguồn & gt; được sử dụng để cung cấp nhiều định dạng đa phương tiện cho hình ảnh, âm thanh và video.

    Đây là phần tử rỗng và không có bất kỳ nội dung nào.

    Nó thường được sử dụng để cung cấp cùng một tệp phương tiện ở các định dạng hoặc độ phân giải khác nhau.

      & lt; điều khiển video & gt;
      & lt; nguồn src = "video.mp4" type = "video / mp4" & gt;
      & lt; source src = "video.webm" type = "video / webm" & gt;
      & lt; nguồn src = "video.ogv" type = "video / ogg" & gt;
    & lt; / video & gt;  

    & lt; meta & gt; được sử dụng để chỉ định siêu dữ liệu về tài liệu.

    Thẻ meta được sử dụng để chỉ định siêu dữ liệu ở cấp tài liệu.

    Thuộc tính name chỉ định tên của siêu dữ liệu và thuộc tính content chỉ định nội dung của siêu dữ liệu.

    Nó được sử dụng để chỉ định tác giả tài liệu, tiêu đề, mô tả, từ khóa, v.v.

    Nó được sử dụng trong & lt; head & gt; của tài liệu.

     & lt; meta charset = "UTF-8" & gt;
    & lt; meta name = "author" content = "John Doe" & gt;
    & lt; meta name = "description" content = "Đây là tài liệu mẫu." & gt;
    & lt; meta name = "keywords" content = "mẫu, tài liệu, bài kiểm tra" & gt;
    & lt; meta name = "copyright" content = "Bản quyền © 2013 John Doe" & gt;
    & lt; meta name = "robots" content = "index, follow" & gt;
    & lt; meta name = "revisit-after" content = "1 ngày" & gt;
    & lt; meta name = "rating" content = "general" & gt;
    & lt; meta name = "viewport" content = "width = device-width, initial-scale = 1.0, Maximum-scale = 1.0, user-scalable = 0" & gt;  

    Thẻ

    & lt; style & gt;

    & lt; phong cách & gt; được sử dụng để thêm các kiểu CSS nội bộ vào tài liệu.

    Nói chung, nó được đặt trong & lt; head & gt; của tài liệu nhưng có thể được sử dụng ở bất kỳ đâu trong tài liệu.

      & lt; style & gt;
      P {
        màu đỏ;
      }
    & lt; / style & gt;  

    Thẻ

    & lt; script & gt;

    Tập lệnh & lt; & gt; được sử dụng để nhúng mã JavaScript trực tiếp vào tài liệu.

    Nó cũng có thể kết nối các tệp JavaScript bên ngoài với tài liệu HTML bằng thuộc tính src.

    Bạn có thể sử dụng & lt; script & gt; ở bất kỳ đâu và bất kỳ số lần nào trong phần nội dung hoặc phần đầu của tài liệu.

    Nó thường được sử dụng để bao gồm các thư viện JavaScript, chẳng hạn như jQuery, trong tài liệu.

      & lt; script src = "jquery.js" & gt; & lt; / script & gt;
    & lt; script & gt;
      alert ("Mã JavaScript trong tài liệu HTML")
    & lt; / script & gt;  

    Thẻ

    & lt; div & gt;

    & lt; div & gt; được sử dụng để tạo sự phân chia hoặc một phần trong tài liệu HTML.

    Nó được sử dụng để nhóm các phần tử HTML cho mục đích tạo kiểu. Trừ khi nó được tạo kiểu bằng CSS, nó sẽ không được hiển thị cũng như không có bất kỳ ảnh hưởng nào đến bố cục của tài liệu.

    Nó có thể được sử dụng để tạo đầu trang, chân trang, thanh bên, v.v.

    Đầu ra

    chú mèo nhỏ

    Thẻ

    & lt; span & gt;

    & lt; span & gt; được sử dụng để tạo một khoảng hoặc một phần nội dòng trong một đoạn văn.

    Nó được sử dụng để nhóm một loạt các từ hoặc các phần tử nội dòng khác để được tạo kiểu riêng.

    Sự khác biệt giữa & lt; span & gt; và & lt; div & gt; đó có phải là & lt; span & gt; là nội dòng trong khi & lt; div & gt; là khối.

    Ví dụ

      & lt; p & gt; Các ngôn ngữ quan trọng nhất cần học để phát triển web là & lt; span class = "highlight" & gt; HTML & lt; / span & gt ;, & lt; span class = "highlight" & gt; CSS & lt; / span & gt ;, và & lt; span class = "highlight" & gt; JavaScript & lt; / span & gt;. & lt; / p & gt;  

    ▶ Dùng thử

    Đầu ra

    Các ngôn ngữ quan trọng nhất cần học để phát triển web là HTML, CSS và JavaScript.

    Thẻ

    & lt; tiêu đề & gt; được sử dụng để tạo tiêu đề cho tài liệu hoặc phần.

    Phần tiêu đề chứa một chút giới thiệu, biểu trưng, ​​điều hướng, tìm kiếm, v.v.

    Nó thường được đặt ở đầu tài liệu.

    Ví dụ

      & lt; header & gt;
      & lt; h1 & gt; Trang web của tôi & lt; / h1 & gt;
      & lt; p & gt; Chào mừng bạn đến với trang web của tôi & lt; / p & gt;
    & lt; / header & gt;  

    ▶ Dùng thử

    Kết quả

    Của tôi Trang web

    Chào mừng bạn đến với trang web của tôi

    Thẻ

    & lt; main & gt;

    & lt; chính & gt; được sử dụng để tạo vùng nội dung chính của trang web.

    Khu vực nội dung chính chứa phần lớn nội dung.

    Nó thường được đặt ở giữa tài liệu.

    Ví dụ

      & lt; main & gt;
      & lt; p & gt; Đây là khu vực nội dung chính & lt; / p & gt;
    & lt; / main & gt;  

    ▶ Dùng thử

    Kết quả:

    Đây là khu vực nội dung chính

    & lt; footer & gt; được sử dụng để tạo chân trang của trang web.

    Phần chân trang chứa bản quyền, thông tin liên hệ, v.v.

    Nó thường được đặt ở cuối tài liệu.

    Đầu ra

    Bản quyền © 2021

    Thẻ

    & lt; article & gt;

    & lt; bài báo & gt; trong HTML được sử dụng để tạo một phần nội dung độc lập, độc lập có thể được sử dụng để thêm thông tin bổ sung vào tài liệu hoặc trang web.

    Thẻ bài viết được sử dụng để nhóm một tập hợp các yếu tố có liên quan. Tất cả các thuộc tính chung đều được hỗ trợ bởi thẻ bài viết.

    Ví dụ

      & lt; article & gt;
      & lt; h1 & gt; Tiêu đề Bài viết & lt; / h1 & gt;
      & lt; p & gt; Đây là nội dung bài viết & lt; / p & gt;
    & lt; / article & gt;  

    ▶ Dùng thử
    Thẻ

    & lt; section & gt;

    Phần & lt; & gt; trong HTML được sử dụng để tạo một phần trong tài liệu hoặc trang web. Nó được sử dụng để nhóm một tập hợp các phần tử có liên quan.

    Nói chung, một phần sẽ luôn chứa một tiêu đề và một đoạn văn.

    Ví dụ

      & lt; section & gt;
      & lt; h1 & gt; Tiêu đề Phần & lt; / h1 & gt;
      & lt; p & gt; Đây là nội dung phần & lt; / p & gt;
    & lt; / section & gt;  

    ▶ Hãy thử
    Thẻ

    & lt; details & gt;

    & lt; chi tiết & gt; trong HTML được sử dụng để tạo phần tử tóm tắt cho phần tử chi tiết.

    Nó tạo ra một nút bật tắt có thể được sử dụng để mở và đóng phần tử chi tiết.

    Thẻ

    & lt; Summary & gt;

    & lt; tóm tắt & gt; trong HTML được sử dụng để tạo phần tử tóm tắt cho phần tử chi tiết.

    Nó tạo ra một yếu tố tóm tắt cho một yếu tố chi tiết.

    Ví dụ

      & lt; chi tiết & gt;
      & lt; tóm tắt & gt; Đây là tóm tắt & lt; / tóm tắt & gt;
      & lt; p & gt; Đây là nội dung chi tiết & lt; / p & gt;
    & lt; / details & gt;  

    ▶ Dùng thử

    Kết quả

    Đây là phần tóm tắt

    Đây là nội dung chi tiết

    Kết luận

    Các thẻ HTML là các khối xây dựng cơ bản của trang web. Chúng được sử dụng để tạo cấu trúc của trang web.

    Mỗi thẻ có một mục đích cụ thể và có thể được sử dụng theo những cách khác nhau.

    Một số thẻ được sử dụng để tạo cấu trúc của trang web và một số thẻ được sử dụng để tạo nội dung của trang web. Phần này sẽ thảo luận danh sách các thẻ HTML hữu ích đầy đủ.

    Nếu bạn đang gặp khó khăn với mã HTML của mình, bạn có thể liên hệ trực tuyến với các chuyên gia để nhận trợ giúp về bài tập về nhà HTML ở bất kỳ mức độ phức tạp nào.


    Xem thêm những thông tin liên quan đến chủ đề danh sách thẻ html với các ví dụ

    Các thẻ html thông dụng

    • Tác giả: Cùi Code
    • Ngày đăng: 2021-12-19
    • Đánh giá: 4 ⭐ ( 7528 lượt đánh giá )
    • Khớp với kết quả tìm kiếm:

    Danh sách trong HTML

    • Tác giả: vietjack.com
    • Đánh giá: 4 ⭐ ( 4206 lượt đánh giá )
    • Khớp với kết quả tìm kiếm: Danh sách trong HTML - Học HTML cơ bản và nâng cao theo các bước đơn giản và dễ hiểu từ HTML là gì, Tag trong HTML, HTML tag, thẻ trong HTML, tổng hợp các thẻ HTML cơ bản, thẻ meta, thuộc tính, định dạng, thẻ trong HTML, commemnt, font, marquee, hình ảnh, link, bảng, frame, danh sách, layout, màu, form, background, style sheet, và sử dụng javascript.

    Thẻ Danh sách HTML

    • Tác giả: www.niemvuilaptrinh.com
    • Đánh giá: 3 ⭐ ( 1343 lượt đánh giá )
    • Khớp với kết quả tìm kiếm: Xin chào các bạn quay lại blog của mình. Trong bài này mình sẽ giới thiệu các bạn về thuộc tính trong thẻ HTML và thẻ danh sách.

    Danh sách các thẻ trong HTML

    • Tác giả: vncoder.vn
    • Đánh giá: 4 ⭐ ( 9518 lượt đánh giá )
    • Khớp với kết quả tìm kiếm: HTML là ngôn ngữ đánh dấu, thể hiện bằng các tag (gọi là thẻ), những thẻ này giúp cho trình duyệt đọc được nội dung, có thể là text, image, hay video, form..., và sau đó trình duyệt sẽ hiển thị nội dung cho người dùng xem.

    Các Thẻ Tạo Danh Sách (Tạo List) Trong HTML

    • Tác giả: nguyenhung.net
    • Đánh giá: 4 ⭐ ( 1012 lượt đánh giá )
    • Khớp với kết quả tìm kiếm: Các thẻ tạo danh sách (tạo list) trong HTML được sử dụng khá thường xuyên, chẳng hạn như tạo menu, tạo danh sách chuyên mục. Học cách dùng thẻ list

    Bài 3: Các Thẻ Tạo Danh Sách (List) Trong HTML

    • Tác giả: suntech.edu.vn
    • Đánh giá: 4 ⭐ ( 2983 lượt đánh giá )
    • Khớp với kết quả tìm kiếm:

    Thẻ

        tạo danh sách HTML

    By ads_php