Hướng dẫn how many html tag is available? - có bao nhiêu thẻ html?

Có 142 và 132 thẻ HTML theo Mạng lưới Nhà phát triển Mozilla (MDN) và HTML.com. Tôi đã xem xét tất cả các trang web chính liệt kê các thẻ HTML và thu thập tất cả các số trong bài đăng trên blog này. Tôi đã nghiên cứu và đếm tất cả các thẻ HTML, vì vậy bạn không phải tự đếm chúng.

Hướng dẫn how many html tag is available? - có bao nhiêu thẻ html?

Ảnh chụp màn hình của htmlreference.io


Gần đây, tôi đã tự hỏi có bao nhiêu thẻ HTML tồn tại. Tôi đã tìm kiếm trực tuyến, giống như bạn nhưng tôi không thể tìm thấy một câu trả lời chính xác. Tôi đã viết bài viết này như một câu trả lời cuối cùng cho câu hỏi đó.

Với mục đích của báo cáo này, thẻ HTML có thể tự đóng thẻ đơn hoặc một cặp thẻ HTML

Link to Google
0.

Cách tiếp cận của tôi: Kiểm tra 5 trang web tham khảo HTML.

Đối với nguồn của tôi, tôi đã chọn 5 trang web chủ yếu được sử dụng làm tài liệu tham khảo cho các nhà phát triển. Đó là: html.com, yourhtmlsource.com, Mozilla Developer Network (MDN), htmlReference.io và W3Schools.com.

Tổng số thẻ HTML

Trang web tham khảoTổng số thẻ HTML
Mạng lưới nhà phát triển Mozilla (MDN)142
Html.com132
W3Schools.com119
EastManReference.com115
Htmlreference.io113
Yourhtmlsource.com69

Thẻ HTML có thể sử dụng hiện tại

Các thẻ HTML này là một phần của phiên bản HTML hiện tại (HTML5).

Trang web tham khảoTổng số thẻ HTML
Mạng lưới nhà phát triển Mozilla (MDN)111
Htmlreference.io113
W3Schools.com107

EastManReference.com

Htmlreference.io

Trang web tham khảoTổng số thẻ HTML
Mạng lưới nhà phát triển Mozilla (MDN)31
Html.com19
W3Schools.com12

EastManReference.com

Hướng dẫn how many html tag is available? - có bao nhiêu thẻ html?

Htmlreference.ioAvic Ndugu.

Yourhtmlsource.com

Hướng dẫn này là giới thiệu về 10 thẻ HTML phổ biến nhất. HTML là một ngôn ngữ đánh dấu rất đơn giản. Mặc dù có gần 100 thẻ trong HTML5, nhưng bạn thường chỉ sử dụng một số ít 99% thời gian. Tôi sẽ dạy cho bạn 10 thẻ HTML bạn cần đánh dấu hầu hết tất cả nội dung và bất cứ điều gì khác bạn có thể nghĩ đến khi tạo một trang web.

Tôi sẽ tiếp tục tiếp tục nơi tôi rời đi trong hướng dẫn đầu tiên: HTML rất dễ dàng. Nếu bạn chưa làm như vậy, tôi khuyên bạn nên đọc nó.
HTML is Easy. If you haven't done so yet, I recommend reading it.

10 thẻ HTML

Các thẻ 10 HTML trong danh sách dưới đây là để định dạng nội dung. Nếu bạn đọc hướng dẫn cuối cùng, bạn đã biết cách sử dụng các thẻ tiêu đề và đoạn văn, vì vậy tôi sẽ dạy cho bạn 8 thẻ HTML còn lại mà bạn cần. Đừng lo lắng, mặc dù có vẻ như rất nhiều thẻ mới để học, chúng rất dễ nhớ và tất cả chúng đều hoạt động theo cùng một cách. Dưới đây là 10 thẻ HTML tôi sẽ dạy bạn:

Link to Google
1
Phần mở đầu
Link to Google
2
Đoạn văn
Link to Google
3
In nghiêng / nhấn mạnh
Link to Google
4
Táo bạo / mạnh mẽ
Link to Google
5
Mỏ neo
Link to Google
6
Danh sách & Danh sách không được đặt hàng
Link to Google
7
Blockquote
Link to Google
8
Quy tắc ngang
Link to Google
9
Hình ảnh
  • Apples
  • Bananas
  • Pears
  • Oranges
  • Grapes
0
Phân công

Tạo ra các từ in đậm và in nghiêng

Hãy bắt đầu với một cái gì đó rất phổ biến. Tạo ra những từ táo bạo và in nghiêng. Mở tài liệu ví dụ từ hướng dẫn đầu tiên - example1.doc trong trình xử lý văn bản yêu thích của bạn (Microsoft Word hoặc khác). Hãy tiếp tục và tạo ra một vài từ táo bạo trong đoạn văn của bạn và cũng tạo ra một vài từ in nghiêng. Bạn đã biết làm thế nào để làm điều này. Tài liệu của bạn sẽ trông giống như ví dụ dưới đây:bold and italic words. Open the example document from the first tutorial - example1.doc in your favorite word processor (Microsoft Word or other). Go ahead and make a couple bold words in your paragraphs and make a few italic words too. You already know how to do this. Your document should look something like the example below:

Hướng dẫn how many html tag is available? - có bao nhiêu thẻ html?

Như bạn có thể thấy, tôi đã tạo ra 3 từ in đậm và 2 từ in nghiêng trong tài liệu của chúng tôi. Các thẻ HTML cho in đậm và in nghiêng rất dễ nhớ. Sử dụng thẻ

  • Apples
  • Bananas
  • Pears
  • Oranges
  • Grapes
1 cho in đậm và sử dụng thẻ
  • Apples
  • Bananas
  • Pears
  • Oranges
  • Grapes
2 cho chữ in nghiêng. Bước tiếp theo là thêm các thẻ HTML của chúng tôi vào tài liệu xung quanh các từ in đậm và in nghiêng. Tài liệu của bạn sẽ trông giống như ví dụ dưới đây:bold words and 2 italic words in our document. the HTML tags for bold and italic are very easy to remember. Use the
  • Apples
  • Bananas
  • Pears
  • Oranges
  • Grapes
1 tag for bold, and use the
  • Apples
  • Bananas
  • Pears
  • Oranges
  • Grapes
2 tag for italic. The next step is to add our HTML tags to the document around the bold and italic words. Your document should look like the example below:

Hướng dẫn how many html tag is available? - có bao nhiêu thẻ html?

Mở tệp trang web của bạn.html từ hướng dẫn cuối cùng trong trình soạn thảo văn bản yêu thích của bạn (Notepad cho Windows & Textedit nếu bạn đang sử dụng máy Mac). Sao chép tất cả các nội dung từ tài liệu example1.doc của bạn và thay thế nội dung trong tệp webpage.html của bạn. Lưu tệp này và mở nó trong trình duyệt web của bạn bằng cách nhấp đúp vào nó. Nó sẽ trông giống như ví dụ dưới đây:

Hướng dẫn how many html tag is available? - có bao nhiêu thẻ html?

Đến bây giờ, bạn sẽ trở nên khá quen thuộc với việc sử dụng trình soạn thảo văn bản của mình (Notepad hoặc Textedit). Từ giờ trở đi, chúng tôi sẽ thực hiện tất cả các ví dụ của chúng tôi trực tiếp trong trình soạn thảo văn bản thay vì sao chép và dán nội dung của chúng tôi qua lại từ trình xử lý văn bản của bạn.

Tạo liên kết

Liên kết là một trong những phần quan trọng nhất của bất kỳ trang web nào. Bạn có thể đã truy cập hàng ngàn và hàng ngàn liên kết khi bạn đã duyệt Internet. Liên kết dễ tạo hơn bạn nghĩ. Chúng ta có thể tạo các liên kết (siêu liên kết hoặc "neo") bằng cách sử dụng thẻ HTML

  • Apples
  • Bananas
  • Pears
  • Oranges
  • Grapes
3. Hãy thêm một dòng vào tệp trang web của chúng tôi.html như dòng số 9 trong ví dụ dưới đây:

  • Apples
  • Bananas
  • Pears
  • Oranges
  • Grapes
4

My First Web Page

Headings Are Great Fun

This is my first paragraph in my new webpage. This is going to be great. I am so excited I can hardly contain myself. Don't you just love paragraphs? I find them very useful.

Web Pages Are Exciting Too

Yes, that's right - web pages can be a lot of fun. Learning how to create web pages is easy and entertaining. This is my second paragraph. I hope you like it.

Link to Google

Khi bạn đã thêm liên kết HTML vào tệp webpage.html của bạn, hãy lưu tệp của bạn.

Để xem các thay đổi mà bạn vừa thực hiện trên trang web của mình, bạn có thể nhấp vào nút "Làm mới" trên trình duyệt web của bạn. Hoặc bạn có thể nhấn

  • Apples
  • Bananas
  • Pears
  • Oranges
  • Grapes
5 (Windows) hoặc
  • Apples
  • Bananas
  • Pears
  • Oranges
  • Grapes
6 (Mac). Điều này sẽ "làm mới" chế độ xem trang web của bạn trong trình duyệt và bạn sẽ có thể thấy những thay đổi mới. Bạn sẽ làm điều này rất nhiều khi bạn thay đổi trang web của mình.

Mặc dù chúng tôi đã thêm các thẻ

  • Apples
  • Bananas
  • Pears
  • Oranges
  • Grapes
3 xung quanh các từ
  • Apples
  • Bananas
  • Pears
  • Oranges
  • Grapes
8, chúng tôi đã không thực sự cho biết liên kết của chúng tôi sẽ đi đâu. Vì vậy, liên kết trong ví dụ của chúng tôi sẽ không làm gì cả. Đừng lo lắng, chúng tôi có thể khắc phục điều đó bằng cách thêm một chút thông tin vào thẻ
  • Apples
  • Bananas
  • Pears
  • Oranges
  • Grapes
3 của chúng tôi. Chúng tôi có thể tùy chỉnh các thẻ HTML và cung cấp cho họ nhiều thông tin hơn bằng cách sử dụng
“A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away.” - Saint Exupery
0. Để thực hiện liên kết của chúng tôi đến Google Work, chúng tôi cần thêm một thuộc tính với địa chỉ của trang web, chúng tôi muốn liên kết của chúng tôi đi đến. Xem ví dụ dưới đây:

  • Apples
  • Bananas
  • Pears
  • Oranges
  • Grapes
4

Link to Google

Thêm thuộc tính vào thẻ

  • Apples
  • Bananas
  • Pears
  • Oranges
  • Grapes
4 của bạn trong tệp trang web của bạn.html như ví dụ trên. Lưu tệp của bạn và làm mới trình duyệt web của bạn. Bạn sẽ thấy một liên kết đến Google ở ​​cuối trang. Đi trước và nhấp vào nó! Xin chúc mừng, bây giờ bạn biết cách thực hiện liên kết! Bạn có thể bọc bất kỳ từ nào trong trang web của mình trong các thẻ "neo" và tạo một liên kết. Bạn có thể tạo liên kết đến bất kỳ trang web nào trên Internet. Bạn có thể thêm bao nhiêu liên kết tùy thích. Thử nghiệm và vui chơi. Bạn đang trên đường trở thành một chuyên gia làm việc với HTML.

Hướng dẫn how many html tag is available? - có bao nhiêu thẻ html?

Tạo danh sách

Chúng tôi sẽ học cách tạo một danh sách. Chúng tôi sẽ tạo ra một danh sách đạn. Bạn có thể rất quen thuộc với các danh sách viên đạn như ví dụ dưới đây:

  • Táo
  • Chuối
  • Những quả cam
  • Quả nho

Trong tệp trang web của bạn.html, nhập danh sách các loại trái cây như ví dụ trên. Tiếp theo, chúng tôi sẽ biến danh sách các loại trái cây đơn giản của chúng tôi thành một danh sách HTML thực sự. Thẻ HTML

“A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away.” - Saint Exupery
3 là để tạo "Danh sách các mục". Chúng tôi sẽ bao quanh từng mục trong danh sách của chúng tôi trong các thẻ
“A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away.” - Saint Exupery
4. Bước tiếp theo là bao quanh danh sách các mục của chúng tôi với thẻ HTML
“A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away.” - Saint Exupery
5. TAG "Danh sách không theo thứ tự" Nhóm tất cả các mục danh sách của chúng tôi trong một danh sách duy nhất. Thực hiện theo ví dụ dưới đây:

  • Apples
  • Bananas
  • Pears
  • Oranges
  • Grapes
4

  • Apples
  • Bananas
  • Pears
  • Oranges
  • Grapes

Lưu tệp trang web của bạn.html và làm mới trình duyệt web của bạn. Bạn sẽ thấy một cái gì đó giống như hình ảnh dưới đây:

Hướng dẫn how many html tag is available? - có bao nhiêu thẻ html?

Tạo khối

Thẻ HTML

“A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away.” - Saint Exupery
7 thực sự thẳng về phía trước. Đó là để tạo báo giá trên trang - không có gì hơn. Tại sao nó quan trọng? Chà, thật tuyệt khi sử dụng trong một bài viết khi bạn phải trích dẫn người khác hoặc viết hoặc trích đoạn của ai đó hoặc cho lời chứng thực của khách hàng hoặc chỉ đơn giản là trích dẫn cũ nói chung. Bạn đã biết cách quấn nội dung với các thẻ HTML và những thứ này không khác nhau. Xem ví dụ thổi:

Một nhà thiết kế biết rằng anh ta đã đạt được sự hoàn hảo không phải khi không còn gì để thêm vào, nhưng khi không còn gì để lấy đi.

Thánh Exupery

  • Apples
  • Bananas
  • Pears
  • Oranges
  • Grapes
4

“A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away.” - Saint Exupery

Tạo một blockquote trong tệp trang web của bạn.html và lưu nó. Làm mới trình duyệt web của bạn - đó là nó! Bạn vừa thành thạo thẻ blockquote HTML. (Những thứ khá dễ dàng phải không.)

Tạo các quy tắc ngang

Thẻ Quy tắc ngang HTML

“A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away.” - Saint Exupery
9 là một cách để tạo sự phá vỡ trong nội dung trang web của bạn và vẽ một dòng trên trang. Không giống như các thẻ khác mà bạn đã học, thẻ ngang không có thẻ đóng mở và không bao quanh nội dung. Bạn có thể nhận thấy rằng thẻ này có một dấu gạch chéo về phía trước

0 trong nó ngay trước khi kết thúc khung góc. Đây được gọi là thẻ tự đóng. Xem ví dụ dưới đây:


  • Apples
  • Bananas
  • Pears
  • Oranges
  • Grapes
4


Quy tắc ngang là một cách tuyệt vời để phân chia một trang web. Đi trước và thêm thẻ

“A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away.” - Saint Exupery
9 vào tệp trang web của bạn.html, lưu nó và làm mới trình duyệt web của bạn để xem kết quả.

Sử dụng hình ảnh

Hầu hết các trang web trên internet có một số loại nội dung hình ảnh trên trang. Hình ảnh trong HTML rất dễ sử dụng. Giống như thẻ

“A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away.” - Saint Exupery
9, thẻ hình ảnh HTML tự đóng và không có thẻ đóng. Xem ví dụ dưới đây:

  • Apples
  • Bananas
  • Pears
  • Oranges
  • Grapes
4

Hướng dẫn how many html tag is available? - có bao nhiêu thẻ html?


9 Phần này của thẻ hình ảnh - thuộc tính, nói rằng thẻ hình ảnh này có nguồn (SRC) là
Hướng dẫn how many html tag is available? - có bao nhiêu thẻ html?

Xin chúc mừng! Bạn chỉ học cách thêm hình ảnh vào trang web của bạn. Có rất nhiều bạn có thể làm với hình ảnh, như quấn văn bản xung quanh chúng, thay đổi kích thước chúng, thêm đường viền cho chúng, v.v. Đừng lo lắng, tôi sẽ chỉ cho bạn cách làm tất cả những điều đó trong một hướng dẫn sau. Hiện tại, tất cả những gì chúng tôi cần học là làm thế nào để đặt một hình ảnh vào trang web của chúng tôi - và bạn đã học được điều đó. Bạn đã làm rất tốt!

Bạn chỉ có thêm một thẻ để học và bạn sẽ biết tất cả các thẻ HTML quan trọng nhất cần biết. Bạn đang trên đường trở thành một chuyên gia HTML. Con đường để đi!

Các bộ phận HTML

Tôi đã lưu thẻ HTML cuối cùng này vì một lý do cuối cùng. Thẻ này rất giống với các thẻ HTML khác mà bạn vừa học. Theo nhiều cách, nó giống như thẻ

6. Sự khác biệt với thẻ HTML
7 này là nó không dành cho một loại nội dung cụ thể. Thẻ này là để tạo cấu trúc trong trang web của bạn. Bạn có thể nghĩ về nó như một container hoặc một khối xây dựng. Xem mã ví dụ bên dưới:
  • Apples
  • Bananas
  • Pears
  • Oranges
  • Grapes
4

This is a DIV container

Thêm thẻ HTML

7 như ví dụ trên vào trang web của bạn, lưu nó và làm mới trình duyệt của bạn.

Div là hình thức ngắn cho 'phân chia' và đó chính xác là những gì thẻ này dành cho. Đó là để chia nội dung trang web của bạn thành các thùng chứa. Bạn có thể đã thấy rất nhiều trang web có "hộp" nội dung trên màn hình. Đây là một phong cách rất phổ biến của thiết kế web. Đó là những gì thẻ

7 dành cho - tạo các phần hoặc khối nội dung. Chúng là các khối xây dựng của web.

Bạn có thể đặt bất kỳ loại nội dung nào trong thẻ

7 ngay cả các thẻ HTML khác! Xem ví dụ dưới đây:

  • Apples
  • Bananas
  • Pears
  • Oranges
  • Grapes
4

A Title

A link

Some example text

Ví dụ trên chỉ để minh họa rằng tôi có thể đặt bất cứ thứ gì trong thẻ HTML

7. Đừng lo lắng nếu ví dụ trông phức tạp. Bạn sẽ học cách sử dụng những điều này. Tôi chỉ muốn cho bạn thấy một ví dụ về nội dung hỗn hợp.

Tôi sẽ chỉ cho bạn cách sử dụng các thẻ này xây dựng các thiết kế trang web của bạn và cách định vị và cấu trúc các trang web của bạn. Nhưng bây giờ, tất cả những gì tôi muốn làm là giới thiệu cho bạn về thẻ HTML đơn giản nhưng rất quan trọng này. Thẻ này sẽ trở thành người bạn tốt nhất của bạn - tin tôi đi;)

Gói lên

Trong hướng dẫn này, tôi đã giới thiệu cho bạn các thẻ 10 HTML mà bạn sẽ sử dụng 99% thời gian khi tạo các trang web. Thử nghiệm với các thẻ mới này trong trang web của bạn - sắp xếp và kết hợp chúng theo những cách khác nhau. Các thẻ này sẽ mở đường cho bạn khi bạn tiếp tục học cách xây dựng và thiết kế các trang web như một chuyên gia. Xin chúc mừng!

Xem các tập tin hướng dẫn tải về bản demo

Trang web này được tạo trên 13 "MacBook Pro và 23" ACD, được mã hóa bằng tay trong CODA, được thiết kế trong trình duyệt (chính xác là Safari 5.03) bằng CSS3, HTML5 và JQuery 1.5. © Bản quyền Joshua Gatcke http://www.99lime.com 2011 Đã đăng ký Bản quyền.

Có bao nhiêu thẻ HTML trong HTML5?

HTML là một ngôn ngữ đánh dấu rất đơn giản.Mặc dù có gần 100 thẻ trong HTML5, nhưng bạn thường chỉ sử dụng một số ít 99% thời gian.Tôi sẽ dạy cho bạn 10 thẻ HTML bạn cần đánh dấu hầu hết tất cả nội dung và bất cứ điều gì khác bạn có thể nghĩ đến khi tạo một trang web.close to 100 tags in HTML5, you usually only end up using a handful 99% of the time. I am going to teach you 10 HTML tags you need to markup almost all content and anything else you can think of when creating a web page.

Có bao nhiêu thẻ và phần tử HTML?

Nếu bạn đang tìm kiếm tất cả các yếu tố được chỉ định trong HTML 1, thì đó là 22 yếu tố;trong HTML 2.0, 49 yếu tố;trong HTML 3.2, 70 yếu tố;trong HTML 4.01, 91 yếu tố;trong (không chính thức) HTML 5.2, 111 yếu tố.Trong XHTML 1.0, 91 yếu tố;Nhưng trong XHTML 1.1, một thông số kỹ thuật nghiêm ngặt của người Viking, 83 yếu tố.in HTML 1, it's 22 elements; in HTML 2.0, 49 elements; in HTML 3.2, 70 elements; in HTML 4.01, 91 elements; in (unofficial) HTML 5.2, 111 elements. In XHTML 1.0, 91 elements; but in XHTML 1.1, a “strict” spec, 83 elements.

20 thẻ trong HTML là gì?