Hướng dẫn how many html do we have? - chúng ta có bao nhiêu 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.Link to Google0.

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

Link to Google1Phần mở đầu

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

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:

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.

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:

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

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à

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 //www.99lime.com 2011 Đã đăng ký Bản quyền.

5 loại HTML là gì?

Các phiên bản khác nhau của HTML..
HTML 1.0. Phiên bản cơ bản của HTML có hỗ trợ cho các yếu tố cơ bản như điều khiển văn bản và hình ảnh. ....
HTML 2. HTML phiên bản 2.0 được phát triển vào năm 1995 với ý định cơ bản là cải thiện phiên bản HTML 1.0. ....
HTML 3.2. Nó được phát triển vào năm 1997. ....
HTML 4.01. Nó được phát triển vào năm 1999. ....
HTML5. ....
W3C HTML xác thực ..

3 loại thẻ HTML là gì?

Thẻ HTML cơ bản..
Thẻ đầu. Thẻ đầu chứa tất cả các yếu tố mô tả tài liệu ..
Thẻ tiêu đề. Thẻ tiêu đề chỉ định tiêu đề trang HTML, được hiển thị trong thanh tiêu đề của trình duyệt ..
Tag cơ thể. Thẻ cơ thể là nơi bạn chèn nội dung trang web của bạn ..
Thẻ đoạn văn. ....
Thẻ tiêu đề ..

2 loại thẻ HTML là gì?

Có hai loại thẻ HTML: ghép đôi và không ghép đôi.Các thẻ được ghép nối yêu cầu một thẻ mở bật tính năng định dạng và thẻ đóng để tắt tính năng.Các thẻ được ghép nối phải bao quanh văn bản bạn muốn được định dạng với tính năng đó.paired and unpaired. Paired tags require an opening tag that turns a formatting feature on and a closing tag that turns the feature off. Paired tags must surround the text you want formatted with that feature.

8 thẻ HTML là gì?

8 trong số các thẻ HTML quan trọng nhất cho SEO..
Thẻ tiêu đề.Thẻ tiêu đề được sử dụng để thiết lập các tiêu đề có thể nhấp mà bạn thấy trong SERP: ....
Thẻ mô tả meta.....
Các thẻ tiêu đề [H1-H6].....
Hình ảnh alt văn bản.....
Đánh dấu lược đồ.....
Thẻ ngữ nghĩa HTML5.....
Thẻ robot meta.....
Thẻ kinh điển ..

Bài Viết Liên Quan

Chủ Đề