Thực đơn
trang chủWindows 7

Những thẻ nào được sử dụng để khai báo một bảng? Thẻ HTML là gì và có những loại thẻ nào

Xin chào các độc giả thân mến của trang blog. Trên thực tế, thuật ngữ này có một số ý nghĩa không khớp với nhau theo bất kỳ cách cụ thể nào. Tôi sẽ cố gắng nói về từng người trong số họ trong ấn phẩm này.

Bạn sẽ tìm hiểu thẻ Html là gì và chúng khác với thẻ meta như thế nào, đồng thời bạn cũng sẽ tìm hiểu cách sử dụng thẻ làm thẻ trên các trang web (sự đa dạng của chúng) và cuối cùng, chúng ta sẽ xem xét tổng quát về thẻ nhạc trong tệp âm thanh. Đó là cách thuật ngữ này trở nên đa nghĩa.

Nhưng trong mọi trường hợp, từ “thẻ” có nghĩa là đánh dấu một trang web bằng mã Html hoặc toàn bộ trang web bằng thẻ hoặc bộ sưu tập nhạc của bạn bằng cách chỉ ra album và bài hát.

Thẻ trên trang web là gì (thẻ để tạo điều hướng)

Hãy bắt đầu đơn giản. Có lẽ các bạn đều đã thấy rằng dưới một số bài viết trên các trang web có một trường được gọi là thẻ hoặc thẻ, nơi liệt kê một số từ. Tại sao việc này lại được thực hiện? Nói chung, để điều hướng trang web này dễ dàng hơn ().

Cái gọi là từ khóa được sử dụng làm thẻ, một bộ thẻ mô tả ngắn gọn về ấn phẩm (ví dụ: đối với trang chính trong blog của tôi, bộ thẻ sau sẽ phù hợp: tạo trang web; quảng cáo; quảng cáo trang web; thu nhập).

Với sự trợ giúp của những từ này, bạn có thể xác định rõ ràng bài viết này nói về cái gì. Nhưng giá trị chính của chúng không phải là điều này mà là việc khách truy cập có thể nhấp vào bất kỳ thẻ nào và xem danh sách tất cả các bài viết trên trang web mà nó xuất hiện. Về cơ bản, nó là một công cụ mạnh mẽ để phân loại thông tin.

Để không phải tìm kiếm các thẻ cần thiết trong các bài viết, chủ sở hữu trang web thường tạo ra cái gọi là đám mây thẻ, có thể được đặt ở cột bên trái hoặc bên phải của trang web hoặc ở chân trang (dưới cùng) của trang web. Sự ô nhục này trong thực tế có thể trông như thế này:

Nó thường liệt kê các thẻ phổ biến nhất và bạn có thể xem tất cả các thẻ bằng cách nhấp vào liên kết tương ứng. Đôi khi, các thẻ được sử dụng thường xuyên hơn (chúng xuất hiện trong nhiều bài viết hơn trên trang này) được hiển thị bằng phông chữ lớn hơn và các thẻ ít được sử dụng hơn ở phông chữ nhỏ hơn.

Đôi khi một trang riêng biệt được tạo để hiển thị chúng, như trong ảnh chụp màn hình trước đó.

Tại sao phương pháp gắn thẻ này không được sử dụng trên tất cả các trang web nếu nó thuận tiện cho người dùng? Chúng cũng không có trên blog của tôi và có một số lời giải thích. Mặc dù việc sử dụng chúng được cung cấp theo mặc định nhưng cũng có rất nhiều plugin để làm việc với thẻ.

Có, thẻ hoạt động tốt khi bạn có ít bài viết và bạn nhớ rõ tất cả các thẻ mà bạn đã tạo và sử dụng trong các bài viết khác. Nhưng với sự gia tăng số lượng tài liệu, số lượng thẻ tăng mạnh; chúng bắt đầu bị trùng lặp một phần khi sử dụng các từ khóa gần nghĩa.

Theo tôi, nó dẫn đến một mớ hỗn độn lớn, giá trị của nó xét về mặt cải thiện khả năng điều hướng, theo ý kiến ​​​​của tôi, là khá đáng nghi ngờ. Với mục đích này, trên một dự án web lớn, tốt hơn nên sử dụng tìm kiếm trang web. Mặc dù thẻ hoạt động tốt trên mạng xã hội, nơi bạn có thể sử dụng thẻ để kết hợp thông tin từ những người dùng khác nhau và xem thông tin đó ở một nơi. .

Thẻ HTML là gì?

Lần đầu tiên tôi quyết định nghiên cứu chúng cách đây mười lăm năm, nhưng khi đó tôi không tiến bộ vượt quá thẻ Tiêu đề. Sau đó, tôi tình cờ xem được một khóa học video miễn phí của Evgeniy Popov về Html và mọi thứ diễn ra tốt đẹp. Tất nhiên, khóa học đó chỉ là giai đoạn đầu, nhưng chính cách trình bày đơn giản này là điều mà những người mới bắt đầu thường thiếu.

Những bài học này bao gồm các thẻ cơ bản, nhờ đó bạn có thể dễ dàng tạo bảng, chèn ảnh và siêu liên kết vào văn bản, thêm các biểu mẫu khác nhau vào trang web, v.v. Tổng cộng có 33 video miễn phí về chủ đề HTML.

Nhưng khóa học video là một khóa học video và tôi phải quan tâm để bạn tải xuống và xem. Từ các cụm từ chung, không rõ thẻ nào trong ngôn ngữ HTML và tại sao bạn cần nghiên cứu chúng. Ồ, đây là một điều tuyệt vời và đơn giản sẽ cho phép bạn trở thành chủ nhân trang web của riêng mình. Tại sao bạn cần một website?

Chà, có lẽ, trước hết là để thể hiện bản thân và nỗ lực, và thứ hai - . Chỉ cần im lặng, nếu không mọi người sẽ nghe thấy và chạy đi nghiên cứu thẻ là gì, tạo trang web và kiếm mọi thứ mà chỉ bạn mới có thể kiếm được, còn tôi thì ở công ty. Vì vậy, tôi sẽ tiếp tục nói riêng bằng tiếng thì thầm.

Internet có thể được so sánh với truyền hình, nơi bạn tạo chương trình nhỏ của riêng mình (tạo trang web bằng thẻ) và nhận thu nhập từ quảng cáo. Chương trình của bạn (dự án Internet) càng phổ biến thì bạn càng kiếm được nhiều tiền. Không có giới hạn trên, mặc dù cũng không có giới hạn dưới. Nhưng bạn không cần đầu tư tiền bạc, chỉ cần bỏ công sức và thời gian để nghiên cứu thẻ, cách thức hoạt động của công cụ và trên thực tế là lấp đầy nội dung trên trang web.

Vì vậy, thẻ là thành phần đánh dấu đơn giản nhất của trang web để trình duyệt khi tải nó từ máy chủ sẽ hiểu chính xác cách hiển thị một thành phần cụ thể (văn bản, hình ảnh, video). Trước đây, ngôn ngữ Html chỉ chịu trách nhiệm cho toàn bộ vấn đề này, nhưng sau đó họ đã hỗ trợ anh ấy và mọi việc trở nên dễ dàng hơn nhiều đối với anh ấy. Popov cũng có một khóa học video miễn phí về chúng, bạn có thể tải xuống từ đây.

Các bạn ơi, khi nắm vững các thẻ Html, các bạn sẽ hiểu rằng việc đó dễ như bóc vỏ một quả lê. Điều quan trọng nhất là bắt đầu và bằng cách nào đó kích thích bản thân. Tôi không chỉ nói với bạn về khía cạnh tài chính. Trang web có thể trở thành nguồn thu nhập chính của bạn và cả gia đình có thể kiếm sống từ đó. Bạn cần may mắn, sự kiên trì và không ngại thử những điều mới.

Có nhiều thẻ khác nhau, nhưng không có nhiều thẻ (trong số đó vẫn có liên quan sau khi triển khai CSS). Nhìn nó thật đơn giản. Giả sử bạn muốn tạo một đoạn văn - bạn chỉ cần bao quanh văn bản của đoạn văn tương lai bằng thẻ mở và đóng P (đây là một chữ cái Latinh và trong mã tốt hơn là viết nó nhỏ, nhưng ở đây tôi đã viết hoa cho trong trẻo). Nó sẽ trông như thế này:

Văn bản văn bản...... văn bản văn bản

Bạn có hiểu sự khác biệt giữa thẻ Html mở (ở đầu) và thẻ đóng (ở cuối) không? Tất nhiên là tôi vừa thêm dấu gạch chéo lên sau dấu ngoặc tam giác.

Ồ, tôi quên nói Trình duyệt phân tách các thẻ theo tiêu chí nào?(đánh dấu) từ nội dung chính. Bạn tự mình đoán ra à?

Đúng vậy, đây là những dấu ngoặc tam giác mà chúng ta đặt chúng trong đó. Trình duyệt nhìn thấy một dấu ngoặc như vậy khi phân tích mã của trang web và nhận ra rằng đó là một thẻ và xử lý mọi thứ có trong đó theo một thuật toán nhất định (làm cho các đoạn văn cách nhau về chiều cao, tăng phông chữ của tiêu đề, v.v.) .

Nếu bạn cần sử dụng dấu ngoặc tam giác mở trong văn bản của mình, hãy đảm bảo thực hiện điều đó để trình duyệt hiểu chính xác bạn. Điều này phải được ghi nhớ.

Trong mã, chúng có thể trông như thế này:

Trên thực tế, chúng chứa mô tả và từ khóa của trang web mà chúng được đăng ký. Đọc thêm về họ trong bài viết ngay trên.

Thẻ meta được viết bằng mã trang web ở một nơi được xác định nghiêm ngặt. Bạn có biết cái nào không? Đúng vậy, trong cái gọi là “phần đầu” của tài liệu, bao gồm các thẻ HEAD mở và đóng.

Bất cứ điều gì được viết bên trong chúng (bao gồm cả thẻ META) sẽ không được hiển thị trên trang web. Đây hoàn toàn là thông tin độc quyền. Mô tả và từ khóa ở trên cho công cụ tìm kiếm biết về nội dung của một trang web nhất định và thẻ meta bên dưới.

Thẻ nhạc trong tập tin âm thanh là gì?

Khi bạn phát nhạc trong ô tô hoặc trên máy nghe nhạc (điện thoại), bạn có thể đã hơn một lần nhận thấy rằng một số từ vô nghĩa rùng rợn được hiển thị thay vì tiêu đề của bản nhạc và tên của tác giả-người biểu diễn. Người ta có thể cho rằng tên của các tệp nhạc đã tải xuống được viết bằng mã hóa ngôn ngữ tiếng Nga sai.

Nếu bạn đổi tên tệp bằng cách sử dụng , bạn vẫn sẽ thấy hình ảnh khó chịu trên trình phát của mình. Phải làm gì? Và ai là người có lỗi trong tình trạng này? Điều kỳ lạ là nguyên nhân là do thẻ trong tệp nhạc này không chính xác.

Chúng được khâu trực tiếp vào tệp âm thanh (ở đầu hoặc cuối) và có thể chứa thông tin về sáng tác, tác giả, album, thời lượng bản nhạc và những thông tin khác không quá quan trọng. Trong các phiên bản mới nhất của thẻ âm nhạc, thậm chí hình ảnh bìa đĩa CD cũng có thể được khâu vào chúng (một bệnh dịch thực sự).

Nhưng vấn đề nảy sinh, như một quy luật, không phải ở tính sẵn có của chúng mà là ở khả năng chỉnh sửa chúng. Sẽ có lúc trong cuộc đời của mỗi người yêu âm nhạc có lòng tự trọng khi anh ấy “sẵn sàng xé và ném” chỉ để sắp xếp mọi thứ vào bộ sưu tập của mình và thêm thẻ chính xác vào tất cả các bản nhạc có thể đọc được trên mọi thiết bị. Làm thế nào để làm nó?

Sử dụng phần mềm đặc biệt. Bản thân các thẻ này xuất hiện lần đầu tiên trong các tệp âm thanh vào cuối thế kỷ trước. Đối với các tệp MP3, tiêu chuẩn để thêm chúng được gọi là ID3 và đối với các tệp nhạc được nén mà không làm giảm chất lượng (chẳng hạn như FLAC và các loại tương tự), tiêu chuẩn để thêm thẻ (dữ liệu meta) được gọi là nhận xét Vorbis.

Đối với nhạc được ghi ở định dạng Windows WMA, có siêu dữ liệu WM và đối với Apple MP4, có siêu dữ liệu iTunes (nhân tiện, gần đây tôi đã viết về điều đó).

Vì vậy, bạn có thể chỉnh sửa thẻ bằng các chương trình đặc biệt. Phổ biến nhất trong số đó có lẽ là Mp3tag (trang web chính thức, nhưng hãy cẩn thận khi tải xuống - đừng vô tình nhấp vào quảng cáo đề nghị tải xuống thứ gì đó hoàn toàn khác). Tôi nghĩ rằng bạn sẽ tự mình tìm thấy tất cả các chương trình khác, đặc biệt vì chương trình này khá đủ để hoàn thành nhiệm vụ này.

Đây là mức độ đa dạng của các thẻ, trong tất cả các trường hợp này đều thực hiện vai trò chính của chúng - đánh dấu (của các bài viết trên trang web, nội dung trên trang web hoặc siêu dữ liệu trong tệp nhạc). Tôi hy vọng rằng bây giờ bạn có ít câu hỏi hơn về chủ đề này.

Chúc bạn may mắn! Hẹn gặp lại bạn sớm trên các trang của trang blog

Bạn có thể xem thêm video bằng cách vào ");">

Bạn có thể quan tâm

Thẻ dành cho Instagram - tại sao chúng cần thiết và nơi để xem những thẻ phổ biến nhất
Hashtags - chúng là gì và cách sử dụng hashtag trên Twitter, Instagram và những nơi khác Cách tự động thêm thuộc tính Alt vào thẻ Img trên blog WordPress của bạn (nơi chúng không tồn tại)
Liên kết - nó là gì và làm thế nào để tạo ra nó
Radikal - lưu trữ ảnh miễn phí với tính năng tải ảnh nhanh chóng và dễ dàng qua Radikal.ru

Mọi người đọc bài học này chắc chắn đều biết HTML là gì. Tuy nhiên, việc xem lại những điều cơ bản sẽ giúp nâng cao kiến ​​thức và mài giũa kỹ năng của bạn, đặc biệt là với các công nghệ web ngày càng phát triển.

Ngày nay có rất nhiều thảo luận về những thay đổi mà HTML 5 mang lại. Mọi thẻ được đề cập trong bài viết này đều được hỗ trợ trong cả HTML 4.01 và HTML 5. Mặc dù một số thẻ này được sử dụng rộng rãi nhưng việc xem lại các kỹ thuật này sẽ rất hữu ích. có liên quan.

1.

Mọi cuốn sách về lập trình đều đề cập rằng việc giải thích chức năng của mã của bạn là rất hữu ích. Tại sao bình luận là một thực hành tốt? Điều này thực sự giúp người đọc mã của bạn hiểu được chuyện gì đang xảy ra.

Đối với HTML, nhận xét có thể giống như một điểm tăng thêm sức nặng cho trang. Tuy nhiên, các chú thích có thể hữu ích cho việc xác định các phần và duy trì cấu trúc cũng như tổ chức mã trang. Đánh dấu phần bắt đầu và kết thúc của các phần khác nhau thực sự có thể hữu ích khi thực hiện một dự án.

  • Mục thực đơn 1
  • Mục thực đơn 2

Đây là nội dung chính.

...

2. Kiểu bảng: , và

Để tạo ra một thiết kế bảng tốt, bạn cần sử dụng các thẻ được đề cập trong tiêu đề phụ. Tất cả chúng đều ảnh hưởng đến các hàng của bảng và bạn có thể dễ dàng đặt kiểu cho chúng.

Mục Số lượng
Tổng 7
#1 3
#2 4

Gói các hàng của bảng vào . Đây là cách tiêu đề bảng được hình thành.

Quấn dây vào Chúng tôi tạo thành các hàng tổng ở cuối bảng. Dây phải được xác định trước dòng , do đó tổng số hàng được hiển thị trước các hàng còn lại của bảng.

Chúng tôi gói các dòng dữ liệu trong .

Đoạn văn Số lượng
Tổng 7
#1 3
#2 4

3.

Danh sách thả xuống là một cách tuyệt vời để trình bày dữ liệu cho người dùng lựa chọn. Chúng không chỉ chiếm ít không gian mà còn quen thuộc với người dùng và dễ sử dụng. Một tài sản tuyệt vời là khả năng tạo danh mục (hoặc tiêu đề phụ) cho các mục trong danh sách.

Những chú hổ Detroit Chicago Cubs Những chú sư tử Detroit Chicago Bears

Những chú hổ Detroit Chicago Cubs Những chú sư tử Detroit Chicago Bears

4. Tiêu đề - ,,,, và

Tất nhiên, mọi người đều sử dụng tiêu đề. Nhưng thành thật mà nói, lần cuối cùng bạn sử dụng là khi nào hoặc một tiêu đề cấp thấp hơn? Tiêu đề cho phép bạn xây dựng ít cấu trúc ngữ nghĩa hơn, chẳng hạn như các kiểu bổ sung cho văn bản trong .

Không cần thiết phải tạo thêm công việc cho chính mình. Ghi nhớ thẻ tiêu đề.

5. và

Mọi người đều yêu thích những trang web có thể dễ dàng tìm thấy thông tin bạn cần giữa các mục được nhóm hợp lý. Các nhóm tạo thành các phần tử lại với nhau bằng cách vẽ một khung hình chữ nhật xung quanh chúng. Cũng có thể thêm tiêu đề cho phần đó bằng cách sử dụng .

Thông tin chung: Tên: Email: Ngày sinh:

6.

Nhãn không ảnh hưởng đến phong cách dưới bất kỳ hình thức nào. Nó ảnh hưởng đến chức năng của trang.

được sử dụng để xác định nhãn của phần tử đầu vào. Bản thân nhãn này sẽ nhận biết các cú nhấp chuột, làm cho trường nhập tương ứng được kích hoạt. Thuộc tính nhãn này hoạt động cho các trường văn bản và nút radio.

Tên: Đàn ông: Phụ nữ:

7.

Nếu bạn cần tạo hiệu ứng ấn tượng cho một biểu thức nào đó, bạn có thể sử dụng . Theo mặc định, một dòng trống sẽ được chèn vào trước và sau phần tử. Thụt lề cũng sẽ được thêm vào để tách văn bản có trong phần tử khỏi phần nội dung còn lại.

Ví dụ về việc sử dụng thẻ

Ví dụ về việc sử dụng thẻ

8.

Không thể nói thế được đề cập đến , nhưng chúng thường được sử dụng cùng nhau.

Ghi nhớ thẻ , khi bạn cần trích dẫn ai đó.

Một ví dụ về việc sử dụng thẻ cùng với thẻ. Ưu đãi này được bao gồm trong thẻ.

Một ví dụ về việc sử dụng thẻ blockquote cùng với thẻ trích dẫn. Ưu đãi này được bao gồm trong thẻ.

9.

Việc sử dụng danh sách mang lại cơ hội tuyệt vời cho việc tổ chức thông tin. Mọi người đều biết về

    , nhưng bạn có thường xuyên sử dụng Và ? Có lẽ cái tên "danh sách định nghĩa" có thể gây nhầm lẫn cho nhà phát triển mới làm quen và khiến anh ta nghĩ rằng danh sách như vậy chỉ có thể được sử dụng để chèn các định nghĩa và điều kiện. Tuy nhiên, tình trạng này không tương ứng với thực tế.

    Các loại danh sách
  • Danh sách không có thứ tự (ul)
  • Danh sách thứ tự (ol)
  • Danh sách các định nghĩa (dl)
    • Họ đang làm gì
    • Danh sách không có thứ tự (ul): danh sách có dấu chấm
    • Danh sách có thứ tự (ol): danh sách được đánh số
    • Danh sách định nghĩa (dl): Danh sách có định nghĩa phần tử
    Lý do nên sử dụng danh sách
    • Phong cách nội dung nhất quán
    • Chỉ cần tạo
    • Linh hoạt

    Cách mỗi loại danh sách hiển thị thông tin khác nhau. Chắc chắn không cần phải dừng lại ở

      Và , nhưng cấu trúc của danh sách các định nghĩa cần được làm rõ thêm.

      Mục danh sách số 1 Định nghĩa cho mục danh sách số 1 Mục danh sách số 2 Định nghĩa cho mục danh sách số 2

      Thay vì xác định một thành phần danh sách (

    • ), chúng tôi sử dụng hai thẻ: Và . xác định từng mục trong danh sách và mô tả điểm trên. Dưới đây là danh sách theo mã danh sách định nghĩa được hiển thị trước đó.

      Mục danh sách #1 Định nghĩa cho Mục danh sách #1 Mục danh sách #2 Định nghĩa cho Mục danh sách #2

      10. "(và các ký tự ASCII khác)

      Khi sử dụng HTML, bạn cần sử dụng mã ASCII khi cần chèn ký tự. Quy tắc này yêu cầu các bước bổ sung nhưng đảm bảo rằng tất cả các ký tự được hiển thị chính xác trên màn hình của người dùng và trình duyệt không coi chúng là một phần của đánh dấu. Bạn đã bao giờ gặp một số văn bản không hiển thị chính xác chưa? Thông thường, văn bản có vấn đề được tạo bằng cách sử dụng dấu ngoặc kép, dấu nháy đơn, dấu hiệu lớn hơn nhỏ, v.v. Thực tế không có nhiều ký tự như vậy và cần ghi nhớ mã ASCII của chúng.

      Thẻ HTML là nền tảng của ngôn ngữ HTML. Thẻ được sử dụng để phân định phần đầu và phần cuối của các phần tử trong đánh dấu.

      Mỗi tài liệu HTML bao gồm một cây gồm các phần tử HTML và văn bản. Mỗi phần tử HTML được xác định bằng thẻ bắt đầu (mở) và thẻ kết thúc (đóng). Thẻ mở và thẻ đóng chứa tên của thẻ.

      Tất cả các phần tử HTML được chia thành năm loại:

      • các phần tử trống - , ,
        , , , , , ,
        Được sử dụng để lưu trữ thông tin bổ sung về trang. Thông tin này được các trình duyệt sử dụng để xử lý trang và các công cụ tìm kiếm để lập chỉ mục cho trang đó. Có thể có nhiều thẻ trong một khối, vì tùy thuộc vào thuộc tính được sử dụng, chúng mang thông tin khác nhau. Chỉ số đo lường trong một phạm vi nhất định. Một phần của tài liệu chứa các liên kết điều hướng cho trang web. Xác định một phần không hỗ trợ tập lệnh. Vùng chứa để nhúng đa phương tiện (ví dụ: âm thanh, video, ứng dụng Java, ActiveX, PDF và Flash). Bạn cũng có thể chèn một trang web khác vào tài liệu HTML hiện tại. Thẻ được sử dụng để truyền các tham số của plugin. Danh sách đánh số thứ tự. Đánh số có thể là số hoặc chữ cái. Một vùng chứa có tiêu đề cho một nhóm phần tử. Chỉ định một tùy chọn/tùy chọn để chọn từ danh sách thả xuống , hoặc . Trường để hiển thị kết quả tính toán được tính toán bằng tập lệnh.

        Các đoạn trong văn bản. Xác định các tham số cho các plugin được xây dựng bằng phần tử. Phần tử chứa chứa một phần tử và không hoặc nhiều phần tử. Bản thân nó không hiển thị bất cứ điều gì. Cho phép trình duyệt lựa chọn hình ảnh phù hợp nhất. Xuất văn bản mà không cần định dạng, giữ nguyên khoảng trắng và ngắt văn bản. Có thể được sử dụng để hiển thị mã máy tính, tin nhắn email, v.v. Một chỉ báo về việc hoàn thành bất kỳ loại nhiệm vụ nào. Xác định một trích dẫn ngắn. Nơi chứa các ký hiệu Đông Á và cách giải mã chúng. Xác định văn bản lồng nhau của nó làm thành phần cơ bản của chú thích. Thêm mô tả ngắn gọn bên trên hoặc bên dưới các ký tự có trong phần tử, được hiển thị bằng phông chữ nhỏ hơn. Đánh dấu văn bản nhúng dưới dạng chú thích bổ sung. Hiển thị văn bản thay thế nếu trình duyệt không hỗ trợ phần tử. Hiển thị văn bản không hiện hành có gạch ngang. Được sử dụng để hiển thị văn bản biểu thị kết quả thực thi mã chương trình hoặc tập lệnh cũng như các thông báo hệ thống. Hiển thị ở phông chữ đơn cách. Được sử dụng để xác định tập lệnh phía máy khách (thường là JavaScript). Chứa văn bản tập lệnh hoặc trỏ đến tệp tập lệnh bên ngoài bằng thuộc tính src. Xác định một vùng (phần) logic của trang, thường có tiêu đề. Phần tử điều khiển cho phép bạn chọn các giá trị từ tập hợp được đề xuất. Các giá trị biến thể được đặt trong . Hiển thị văn bản ở cỡ chữ nhỏ hơn. Chỉ định vị trí và loại tài nguyên phương tiện thay thế cho , , . Vùng chứa cho các phần tử nội tuyến. Có thể được sử dụng để định dạng các đoạn văn bản, chẳng hạn như đánh dấu các từ riêng lẻ bằng màu sắc. Đặt điểm nhấn trong văn bản, làm nổi bật nó bằng chữ in đậm. Bao gồm các tờ định kiểu được nhúng. Chỉ định cách viết chỉ số dưới của các ký hiệu, ví dụ: chỉ số nguyên tố trong công thức hóa học. Tạo tiêu đề hiển thị cho thẻ. Hiển thị với hình tam giác đầy màu sắc, nhấp vào nó sẽ cho phép bạn xem chi tiết tiêu đề. Chỉ định cách viết chữ trên của các ký tự.

        Xin chào các độc giả thân mến của trang blog! Trong bài viết trước, chúng ta đã tìm hiểu loại tài liệu là gì và cách trình duyệt xác định ngôn ngữ được sử dụng bằng cách sử dụng . Thẻ đã được xem xét, nhưng bản thân khái niệm (thuật ngữ) thì không. Trong bài viết này tôi sẽ cho bạn biết thẻ là gì, tại sao nó lại cần thiết và có những loại thẻ nào. Như tôi đã nói trong bài viết trước của phần này, chúng ta sẽ tạo một trang tệp mà chúng ta sẽ thử nghiệm dựa trên kiến ​​​​thức mà chúng ta đã thu được. Nhưng đây là phần cuối của bài viết, còn bây giờ chúng ta hãy xem thẻ HTML.

        Thẻ HTML là gì, các loại thẻ HTML, ví dụ về cách viết thẻ HTML - được dịch từ thẻ tiếng Anh - để đánh dấu các ký tự được đặt trong dấu ngoặc nhọn và là thành phần của ngôn ngữ đánh dấu siêu văn bản (HTML). Các ký hiệu chỉ có thể bằng tiếng Anh (toàn bộ Internet được xây dựng trên đó). Thẻ trông giống như

        Đây là thẻ để in đậm văn bản. Thẻ có ba loại:

        • Thẻ mở là thẻ xuất hiện ở đầu. Trong ví dụ được thảo luận ở trên, thẻ là thẻ mở và đứng trước văn bản cần được đánh dấu.
        • Thẻ đóng là thẻ nằm ở cuối. Đặc điểm nổi bật là dấu gạch chéo “/” trước các ký tự trong ngoặc nhọn. Hãy xem lại ví dụ đã thảo luận ở trên. Thẻ là thẻ đóng và xuất hiện sau văn bản, cần được tô đậm bằng chữ in đậm
        • Thẻ đơn là thẻ không có thẻ đóng. Một ví dụ sẽ là
          Dưới đây là ví dụ về thẻ mở và thẻ đóng:

        Toàn bộ thiết kế, bao gồm cả văn bản, sẽ trông như thế này:

        Văn bản này sẽ được tô đậm

        Và đây là giao diện của văn bản này khi trình duyệt xử lý nó và cung cấp cho chúng tôi: Văn bản này sẽ được tô đậm. Ngoài ra còn có một thứ như thẻ chứa, nhưng đây chỉ là tên gọi chung cho thẻ mở và đóng. Như mình đã viết ở trên, ngoài thẻ container còn có thẻ đơn. Sự khác biệt là các thẻ như vậy không cần phải đóng. Ví dụ rõ ràng và phổ biến nhất là thẻ dòng mới.

        Về cơ bản, các thẻ đơn được sử dụng để chèn một phần tử, chẳng hạn như hình ảnh hoặc bảng.

        Thuộc tính, quy tắc viết là gì và tại sao chúng lại cần thiết? Ngoài thẻ còn có những cái gọi là thuộc tính. Chính xác hơn, không phải bên cạnh đó, mà là trong thẻ. Sử dụng thuộc tính, bạn có thể đặt tham số bổ sung cho thẻ. Mỗi thẻ có các thuộc tính riêng và trong chủ đề này, chúng tôi sẽ thử nghiệm thẻ, thẻ này nếu không có thuộc tính thì thực sự không có ý nghĩa gì.

        Phông chữ là thẻ chứa dùng để định dạng văn bản. Sử dụng thẻ này, bạn có thể in đậm văn bản, thay đổi kích thước và khoảng cách giữa các dòng - nói chung là mọi thứ bạn có thể làm với văn bản. Hãy xem một ví dụ với kích thước văn bản. Đầu tiên, hãy đặt văn bản vào thẻ Phông chữ.

        Chữ

        Bây giờ một chút về các quy tắc viết thuộc tính. Các thuộc tính luôn được ghi trong thẻ mở và sau các ký tự của chính thẻ đó. Bạn có thể viết nhiều thuộc tính trong một thẻ theo bất kỳ thứ tự nào. Bạn có thể tìm thấy các thuộc tính trên trang web của trình xác thực W3C (mà tôi sẽ viết ở bên dưới). Vì vậy, đây là ví dụ về thẻ phông chữ có thuộc tính size:

        Chữ

        Thuộc tính này trong thẻ phông chữ thay đổi kích thước của Văn bản được đính kèm trong thẻ.
        Nếu bạn mở mã nguồn của trang, bạn sẽ thấy nơi chứa từ lớn “Văn bản” trông giống như

        Chữ

        Bạn đã thấy các thuộc tính được viết như thế nào. Chúng được viết theo cách tương tự trong các thẻ khác: đầu tiên chúng ta viết chính thuộc tính đó (trong trường hợp này là kích thước), sau đó chúng ta đặt “=” và đặt tham số thuộc tính trong dấu ngoặc kép. Bạn có thể tìm thấy tất cả các tham số thuộc tính trên cùng một trang web của World Wide Web Consortium.

        Trình xác thực W3C là gì, quy tắc viết và danh sách thẻ Như tôi đã viết, có rất nhiều thẻ. Nhưng bạn có thể tìm thấy tất cả chúng ở đâu? Với mục đích này, có một trình xác nhận W3C W3C - World Wide Web Consortium hoặc bằng tiếng Nga - World Wide Web Consortium. Không hoàn toàn rõ ràng, phải không? Đây là nơi phát triển các tiêu chuẩn web - (ngôn ngữ đánh dấu siêu văn bản là đứa con tinh thần của họ). Đứng đầu toàn bộ tập đoàn là Tim Berners-Lee, được biết đến từ bài viết trước, người tạo ra HTML. Trang web của tổ chức này là w3.org. Tôi cảnh báo bạn, trang web này hoàn toàn bằng tiếng Anh, vì vậy hãy trang bị từ điển hoặc trình dịch trong trình duyệt của bạn. Nhân tiện, xếp hạng của Google cho trang web này là 9 và 37.000 (con số này rất nhiều, nếu ai chưa biết).

        Hãy quay lại chủ đề của bài viết. Chúng tôi quan tâm đến các tiêu chuẩn ngôn ngữ HNTML 4.01. Theo liên kết Đặc tả HTML 4.01, sau đó chúng ta thấy tab thành phần ở trên cùng, hãy nhấp vào nó. Ở đây trang có tất cả các thẻ sẽ mở ra. Các thẻ này được phát triển và áp dụng như một tiêu chuẩn của tập đoàn. Mọi thứ, một lần nữa, đều bằng tiếng Anh. Ngay sau dòng chữ “Index of Elements” chúng ta thấy chú giải (ý nghĩa các chữ cái trong các cột):

        Và ngay sau chú giải có một bảng gồm các thẻ:

        • Trong cột đầu tiên - Tên - tên của chính thẻ - nội dung nên có trong dấu ngoặc nhọn (< и >).
        • Cột thứ hai - Thẻ bắt đầu - sự hiện diện của thẻ mở. Trong cột này bạn có thể thấy chữ “O”, có nghĩa là “Tùy chọn” và được dịch từ tiếng Anh - Tùy chọn. Chữ cái này chỉ xuất hiện đối diện với các thẻ , , và có nghĩa là bạn có thể đặt thẻ mở hoặc không cần thiết - trình duyệt sẽ tự làm mọi thứ.
        • Cột thứ ba - Thẻ kết thúc - sự hiện diện của thẻ đóng. Đối diện với thẻ này bạn có thể thấy cả chữ “O” và chữ “F”. Ý nghĩa của cái đầu tiên không thay đổi. Chữ cái thứ hai - “F” - nghĩa đen là “bị cấm” trong tiếng Anh - có nghĩa là không được phép đặt thẻ đóng, đơn giản là nó không tồn tại. Ví dụ: không có thẻ, bởi vì không có gì để che giấu trong đó.
        • Thứ tư - Trống - có nghĩa là thẻ là đơn (trống). Tất cả các thẻ có chữ “E” ở phía trước trong cột này cũng có chữ “F” ở cột trước. Xét cho cùng, các thẻ đơn không có thẻ đóng. Một ví dụ là cùng một thẻ .
        • Cột thứ năm là Depr. hoặc Không được dùng nữa - từ tiếng Anh “không được khuyến nghị”. Nếu cột này chứa chữ cái “D” (viết tắt của từ giống hệt nhau) thì có nghĩa là thẻ này không được khuyến khích sử dụng trong HTML. Nhìn về phía trước một chút, ngày nay các biểu định kiểu xếp tầng (CSS) được sử dụng để thiết kế cả văn bản lẫn hình thức của toàn bộ trang web và tài liệu HTML. Nói tóm lại và đơn giản, một tệp được tạo trong đó tất cả các tham số văn bản có thể được gọi bằng các thuộc tính thẻ nhất định được ghi. Vì vậy, chức năng này chỉ được sử dụng trên các trang web vì CSS không được áp dụng khi gửi tin tức qua thư hoặc RSS. Và ở đây những thẻ tương tự này sẽ được giải cứu. Nhân tiện, hầu hết các thẻ này đều liên quan đến thiết kế văn bản (và là một ví dụ)
        • Cột thứ sáu - DTD - có thể chứa chữ "L" hoặc "F". Cái đầu tiên - “L” - Loose DTD - có nghĩa là thẻ đối diện với chữ cái này xuất hiện chỉ có thể được sử dụng trong loại tài liệu chuyển tiếp (- Chuyển tiếp, mà tôi đã viết ở bài viết trước). Thứ hai - “F” - Frameset DTD - có nghĩa là thẻ chỉ có thể được sử dụng trong tài liệu thuộc loại FRAMESET ( - Frameset). Nếu thiếu chữ cái thì thẻ có thể được sử dụng trong tất cả các loại tài liệu.
        • Và cột cuối cùng, thứ bảy - Mô tả - mô tả ngắn gọn về thẻ, cũng bằng tiếng Anh

        Các thuộc tính được chứa trên cùng một trang của đặc tả HTML 4.01, nhưng trong tab “thuộc tính”. Có nhiều thuộc tính hơn thẻ. Và một lần nữa tôi sẽ viết ra mọi thứ từng điểm một.

        • Cột đầu tiên là Tên - như trong trường hợp thẻ, tên của thuộc tính. Mọi thứ đều bằng tiếng Anh, nhưng với kiến ​​​​thức cơ bản, bạn có thể đoán thuộc tính này hoặc thuộc tính kia làm gì.
        • Cột thứ hai - Các phần tử liên quan - là danh sách tất cả các thẻ sử dụng bất kỳ thuộc tính nào. Tất cả các thẻ đều có liên kết nên bạn có thể truy cập ngay vào thông tin về thẻ.
        • Cột thứ ba - Loại - là tất cả các giá trị có thể có cho một thuộc tính cụ thể. Ví dụ: đối diện với thuộc tính size mà chúng ta đã chọn trong thẻ Font là giá trị CDATA. Chúng ta sẽ xem xét nó sau, nhưng tóm lại, đó là một tập hợp các tùy chọn kích thước đặc biệt (trong trường hợp này). Rốt cuộc, bạn có thể viết cả pixel và tỷ lệ phần trăm
        • Cột thứ tư - Mặc định - cho biết thuộc tính có được yêu cầu trong một thẻ cụ thể hay không. Ví dụ: trong thẻ Img, thuộc tính src là bắt buộc vì nó cho biết nguồn lấy hình ảnh.
        • Cột 6, 7 và 8 có ý nghĩa tương tự như trong trường hợp thẻ.

        Tất cả những điều trên chỉ áp dụng cho phiên bản HTML 4.01. Chúng ta sẽ nói về HTML 5 trong một bài viết khác và chúng ta cũng sẽ đề cập đến XHTML. Và bây giờ, như tôi đã hứa, chúng ta sẽ tạo một trang bằng HTML để thử nghiệm.

        Tạo một tập tin ở định dạng html - Tài liệu HTML

        Trước hết, hãy tìm hiểu tài liệu HTML là gì. Và trên thực tế, đây là một tệp ở định dạng HTML. Và tất cả các trang Internet đều là tài liệu HTML. Ví dụ: khi bạn truy cập một trang web trên thanh địa chỉ ở cuối, bạn có thể thấy “.html” hoặc “.htm” sau địa chỉ. Đây là tập tin chúng tôi sẽ tạo với phần mở rộng này. Nói chung, nếu bạn muốn thử nghiệm trên một trang web chứ không phải trên một trang, thì tốt hơn là tạo một máy chủ cục bộ - Denver (mà tôi muốn viết về).

        Xem xét rằng tôi thậm chí còn không nói về các thẻ có trên mỗi trang, chúng tôi sẽ chỉ tạo một tệp có bất kỳ tên và phần mở rộng.html nào. Có thể (và tốt nhất) nên sử dụng Notepad++, vì trình soạn thảo văn bản này sử dụng tính năng tô sáng mã, rất thuận tiện khi chỉnh sửa mã và bạn có thể lưu tệp ở nhiều định dạng khác nhau. Ngoài ra còn có các chương trình khi bạn nhập mã, kết quả sẽ ngay lập tức xuất hiện ở dạng đã xử lý.

        Vì vậy, chúng ta chỉ cần mở Notepad++ và lưu một file có văn bản tùy ý (có thể để trống) nhưng ở định dạng .html. Để thực hiện việc này, như thường lệ, hãy nhấp vào nhãn tệp, sau đó “lưu dưới dạng” và tìm “Tệp ngôn ngữ đánh dấu siêu văn bản (phần mở rộng tệp)” trong danh sách lớn các tiện ích mở rộng. Thực ra đó là tất cả. Chúng tôi sẽ thêm những dòng đầu tiên vào tệp này trong bài viết tiếp theo từ phần “Tạo trang web từ đầu”

        Thẻ là một từ dành riêng đặc biệt được đặt trong dấu ngoặc nhọn (ví dụ: ). Thẻ là thành phần chính của HTML: mã bắt đầu bằng thẻ, kết thúc bằng thẻ và thông tin hiển thị trên trang web được chứa trong thẻ. Nên viết chúng bằng chữ thường, nghĩa là bằng chữ nhỏ thông thường: không, nhưng.

        Các loại thẻ là gì?

        Hầu hết các thẻ HTML đều được ghép nối: có thẻ mở (ví dụ: ) và thẻ đóng, được phân biệt với thẻ mở bằng dấu gạch chéo (/) sau dấu ngoặc nhọn đầu tiên (ví dụ: ). Mọi thứ bên trong một cặp thẻ đều được gọi là nội dung của chúng.

        Nội dung Văn bản được đặt bên trong các thẻ này sẽ được in đậm

        Ngoài ra còn có các thẻ không ghép đôi (đơn), được gọi là thẻ. Chúng, không giống như các thẻ được ghép nối, không cần phải đóng vì chúng không hoạt động với nội dung mà tự thực hiện một số chức năng. Ví dụ về một thẻ duy nhất -
        . Nó đặt văn bản để ngắt dòng sang dòng tiếp theo.

        Nếu chúng ta so sánh với tiếng Nga, chúng ta có thể nói rằng các thẻ được ghép nối là dấu ngoặc kép hoặc dấu ngoặc có ảnh hưởng đến thuộc tính của văn bản có trong chúng (cố gắng không đóng dấu ngoặc kép kịp thời) và các thẻ đơn (dấu) là dấu chấm câu ( câu cảm thán, câu hỏi hoặc dấu chấm).

        Bất kỳ thẻ nào cũng bao gồm:

        • Giá đỡ góc mở (< ).
        • Một từ đặc biệt (tên thẻ). Ví dụ: hr , iframe , b .
        • Dấu ngoặc góc đóng (> ).
        Thẻ HTML cơ bản

        Vì thẻ là nền tảng của ngôn ngữ đánh dấu nên không có gì ngạc nhiên khi có khá nhiều thẻ. Hãy xem xét các thẻ chính, quan trọng nhất.

        Thẻ để tạo bảng.
        Xác định phần thân của bảng.
        Tạo một ô bảng.
        Dùng để khai báo các đoạn mã HTML có thể được sao chép và chèn vào tài liệu bằng tập lệnh. Nội dung của thẻ không phải là phần tử con.
        Tạo các trường nhập văn bản lớn.
        Xác định chân trang của bảng.
        Tạo tiêu đề ô của bảng.
        Xác định tiêu đề bảng.
        Xác định ngày/giờ.
        Tiêu đề của tài liệu HTML xuất hiện ở đầu thanh tiêu đề của trình duyệt. Cũng có thể xuất hiện trong kết quả tìm kiếm, vì vậy điều này cần được tính đến khi cung cấp tiêu đề.
        Tạo một hàng trong bảng.
        Thêm phụ đề cho các phần tử và .
        Làm nổi bật một đoạn văn bản bằng cách gạch chân mà không cần nhấn mạnh thêm.
        		Tạo một danh sách có dấu đầu dòng.
        Làm nổi bật các biến từ chương trình bằng cách hiển thị chúng ở dạng in nghiêng.
        Thêm tập tin video vào trang. Hỗ trợ 3 định dạng video: MP4, WebM, Ogg.
        Cho trình duyệt biết nơi một dòng dài có thể bị đứt.
        , , , được sử dụng khi tạo bảng và sẽ được thảo luận chi tiết trong một bài viết riêng.
      • - thẻ bổ sung tính tương tác cho một trang, nghĩa là cho phép người dùng tương tác với trang web. Tất nhiên, biểu mẫu cần có trình xử lý, nhưng với sự trợ giúp của các thẻ bên trong, bạn có thể tạo giao diện. Các hộp kiểm, nút, nút radio, trường nhập và các đối tượng khác yêu cầu bạn thực hiện hành động tích cực đều là các thành phần biểu mẫu có mã được đặt bên trong một vùng chứa.
      • - thẻ tạo nút tương tác. Để điều gì đó xảy ra khi bạn nhấp vào nó, nút đó phải ở dạng (nằm giữa các thẻ).
      • tạo các thành phần biểu mẫu: công tắc, hộp kiểm, nút, tất cả các loại trường nhập. Đưa vào một thùng chứa. Nhưng tại sao chúng ta cần những cái riêng biệt nếu có một cái chung? cho phép bạn tạo một nút với các thông số nâng cao. Ví dụ: bạn có thể đặt một hình ảnh trên một nút. Điều này không thể thực hiện được trên phần tử được tạo thông qua .
      • và - thẻ tạo menu trong HTML 5. - đây là vùng chứa bên trong chứa các phần tử, việc bổ sung thẻ này sẽ dẫn đến việc tạo các mục menu. Một cặp đôi khá thú vị. Ví dụ: với sự trợ giúp của nó, bạn có thể tạo menu ngữ cảnh của riêng mình cho một trang hoặc thành phần riêng lẻ của nó.
      • - một thẻ biểu mẫu khác tạo ra một trường lớn trong đó, trong đó bạn có thể nhập không chỉ một dòng văn bản mà cả toàn bộ đoạn văn.
        •
        , Và