Các thẻ hữu ích trong html. Thẻ và thuộc tính HTML, trình xác nhận W3C là gì. Cấu trúc và quy tắc viết thẻ
Mọi người đọc bài học này, chắc chắn 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 cuộc 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 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 có thể thực sự 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àLàm thiết kế tốt các bảng, bạn cần sử dụng các thẻ được chỉ định 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 dò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 |
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 tiêu đề thậm chí còn nhiều hơn cấp thấp? 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 phải tự tạo cho mình công việc làm thêm. Ghi nhớ thẻ tiêu đề.
5. vàMọi người đều thích những trang web dễ tìm thông tin cần thiết giữa các phần tử được nhóm một cách 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 . Mặc định trước và sau phần tử sẽ được chèn vào dòng trống. 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 tần suất bạn sử dụng
Và
? Có lẽ cái tên "danh sách các định nghĩa" có thể gây nhầm lẫn cho một 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ế.
- 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ử
- 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 #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
Thay vì xác định một thành phần danh sách (
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)Tại sử dụng HTML Cần sử dụng mã ASCII, khi bạn cần chèn một ký tự. Quy tắc này đòi hỏi hành động bổ sung, nhưng nó đả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.
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, trong phác thảo chung Hãy xem thẻ nhạc trong tập tin â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 hoặc các trang web có sử dụng HTML mã hoặc toàn bộ trang web bằng cách sử dụng thẻ hoặc bộ sưu tập nhạc của bạn bằng cách chỉ định 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à thẻ được sử dụng từ khóa, một tập hợp mô tả ngắn gọn về ấn phẩm (ví dụ: đối với trang chủ Bộ thẻ sau đây sẽ phù hợp với blog của tôi: tạo trang web; khuyến mãi; quảng bá 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 đây là công cụ đắc lực phân loại thông tin.
Để không phải tìm kiếm 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 hơn bài viết trên trang web này) hiển thị thêm bản in lớn và ít thường xuyên hơn - nhỏ hơn.
Đôi khi chúng được tạo ra để hiển thị chúng trang riêng, như thể hiện 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ù các thẻ hoạt động tốt trong trong mạng xã hội, nơi bạn có thể kết hợp thông tin bằng thẻ người dùng khác nhau và xem nó ở 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 sau đó Thẻ tiêu đề Lúc đó tôi không có tiến triển gì cả. 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 thẻ cơ bản, với sự trợ giúp của nó, 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 đến bạn để 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. Ồ điều này thật tuyệt vời và điêu đơn giản, điều này sẽ cho phép bạn trở thành chủ nhân của trang web của riêng bạn. 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 - chỉ cần bao quanh văn bản của đoạn văn tương lai bằng các thẻ P mở và đóng (đây là chữ la tinh và trong mã tốt hơn nên viết nó nhỏ, nhưng ở đây tôi viết hoa cho rõ ràng). 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 của bìa đĩa CD cũng có thể được khâu vào chúng (nói chung là một bệnh dịch).
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ó?
Bằng cách 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 trong Windows định dạng WMA có siêu dữ liệu WM và đối với Apple MP4 thì 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ách sử dụng 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 sẽ 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ác bài viết trên một trang web, nội dung trên trang web hoặc dữ liệu meta trong tập tin âm 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! Trước hẹn sớm gặp lại 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à hashtag được sử dụng như thế nào trên Twitter, Instagram và những nơi khác Cách tự động thêm Thuộc tính thay thế V. thẻ hình ảnh 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ó 
Căn bản - lưu trữ ảnh miễn phí với việc tải ảnh nhanh chóng và dễ dàng qua Radikal.ru
Trong HTML, mọi thứ bạn viết trong tài liệu HTML sẽ được hiển thị trên màn hình trình duyệt trong văn bản liên tục, nghĩa là trình duyệt bỏ qua các dòng mới và một số khoảng trắng bạn nhập vào một hàng sẽ được thay thế bằng một khoảng trắng.
Thẻ là các lệnh điều khiển được phát minh để định dạng văn bản, tức là. các thẻ cho trình duyệt biết chính xác cách hiển thị phần văn bản được đính kèm trong các thẻ. Để tạo thẻ, bạn nhập mã HTML vào giữa các dấu ngoặc nhọn, mã này chỉ dành cho trình duyệt. Khách truy cập trang web không nhìn thấy thẻ.
Như đã lưu ý ở trên, tất cả các thẻ đều bắt đầu bằng dấu ngoặc nhọn< и заканчиваются угловой скобкой >. Sau dấu ngoặc nhọn mở là tên của thẻ (lệnh).
Ví dụ: thẻ nhằm mục đích nhấn mạnh văn bản; trình duyệt hiển thị văn bản đó ở dạng in nghiêng. Khi trình duyệt gặp thẻ này, nó sẽ chuyển sang định dạng văn bản theo sau thẻ bằng kiểu chữ in nghiêng.
Hãy xem một ví dụ:
Văn bản này là bình thường. Văn bản này được in nghiêng.
Thẻ này được gọi là thẻ bắt đầu hoặc thẻ mở, nghĩa là nó được trình duyệt đưa vào một đội nhất định(V trong trường hợp nàyđược viết in nghiêng). Hầu hết các thẻ đều có một cặp ở dạng thẻ đóng để vô hiệu hóa lệnh.
Thẻ đóng trông giống như thẻ bắt đầu nhưng bắt đầu bằng dấu gạch chéo. Vì vậy, thẻ kết thúc cho chữ nghiêng là .
Hãy xem một ví dụ:
Văn bản này là bình thường. Chú ý! Chữ in nghiêng.Đây lại là một phông chữ thông thường.
Như bạn có thể nhận thấy, trình duyệt sẽ phân tích tuần tự tài liệu HTML để tìm kiếm lệnh (thẻ) và áp dụng hoặc vô hiệu hóa thông số khác nhauđịnh dạng văn bản. Trình duyệt hiển thị văn bản được định dạng (mọi thứ không phải là thẻ) trong cửa sổ của nó.
| Quá trình chèn thẻ vào văn bản thuần túy, chưa được định dạng được gọi là đánh dấu trong tài liệu HTML và thẻ được gọi là ký tự đánh dấu. Khi viết thẻ không tính đến trường hợp chữ cái, thẻ có thể được viết bằng cả chữ thường và chữ thường. bằng chữ in hoa, nhưng vẫn nên sử dụng chữ in hoa. |
Dưới đây là ví dụ về các thẻ HTML cơ bản, kèm theo lời giải thích về cách sử dụng chúng cũng như ví dụ về cách sử dụng chúng trong tài liệu HTML.
Tiêu đềCó một thẻ đặc biệt để chỉ định các tiêu đề trong HTML. Có 6 cấp độ tiêu đề trong HTML, từ những cấp độ dành cho những thông báo quan trọng nhất đến những cấp độ ít quan trọng nhất.
Chúng tôi đã xem xét một ví dụ về việc tạo một trang đơn giản trong đó các nhận xét được đưa ra trên một số thẻ html, vì đối với tôi, có vẻ như tốt hơn là trước tiên nên hiển thị nội dung nào đó kèm theo một ví dụ, sau đó chuyển sang phần khác miêu tả cụ thể. Đó là lý do tại sao việc tạo một trang đã được thảo luận trong bài học thứ hai và chi tiết hơn trong bài học thứ ba.
Vì vậy, bên dưới là mô tả về các thẻ HTML phổ biến được sử dụng trên hầu hết mọi trang của trang web. Tin tôi đi, đã có đủ chúng để viết cả một trang web rồi.
Danh sách các thẻ html 1. Thẻ HTML (dành cho các đoạn văn) - hiển thị một đoạn văn bản (cho phép thuộc tính phong cách, lớp, id). Thẻ phổ biến nhất, vì văn bản thường được đặt trong đó nhất (tuy nhiên, đây là mục đích mà nó được tạo ra).Ví dụ, Mã HTML:
Đoạn văn bản số một
Và đây là một đoạn khác
Đoạn văn bản số một
Và đây là một đoạn khác
Bạn cũng có thể thêm tham số kiểu vào thẻ:
Với những điều này những nghĩa khác nhau có thể được chỉnh sửa vẻ bề ngoài nét chữ. Bạn có thể đọc về các tham số này trong một bài học riêng: kiểu trong html và thuộc tính phông chữ css.
Bạn cũng có thể chỉ định các thuộc tính LỚP và ID. Ví dụ:
2. Thẻ HTML và (in đậm)Và - hai thẻ cho phép bạn tạo phông chữ đậm. Không có sự khác biệt giữa các thẻ này.
Hãy đưa ra một ví dụ. Mã HTML:
hình nhỏChuyển đổi thành phần sau trên trang:
hình nhỏ
Bạn cũng có thể chỉ định các thuộc tính LỚP và ID (như trong trường hợp của Lưu ý
Các thẻ này không có tác dụng ảnh hưởng lớn về thứ hạng của tài liệu trong công cụ tìm kiếm, vì vậy tốt hơn hết bạn không nên sử dụng chúng một cách thiếu mục đích.
3. Thẻ HTML (tạo chữ nghiêng)- phông chữ in nghiêng (cho phép tham số kiểu, lớp, id)
Ví dụ: mã html:
văn bản in nghiêngChuyển đổi thành phần sau trên trang:
4. Thẻ HTML (văn bản được gạch chân)- phông chữ được gạch chân (cho phép tham số kiểu, lớp, id)
Ví dụ: mã html:
văn bản được gạch chânChuyển đổi thành phần sau trên trang:
văn bản được gạch chân
5. Thẻ HTML (tạo siêu liên kết)Tạo một liên kết trên trang (cho phép kiểu, lớp và các tham số khác).
Ví dụ: mã html:
văn bản liên kếtChuyển đổi thành phần sau trên trang:
Tất cả các thông số và thuộc tính thẻ sẽ được thảo luận trong một bài học riêng: thẻ html.
6. Thẻ HTML (tiêu đề trong nội dung),..., - thẻ tiêu đề bên trong nội dung (cho phép tham số kiểu, lớp, id). Vậy thì sao? Số càng nhỏ thì trọng lượng và kích thước (theo mặc định) của văn bản được đính kèm trong các thẻ này càng lớn.
Ví dụ: mã html:
tiêu đề h1Thẻ được sử dụng cho tiêu đề của trang (cũng như tiêu đề)
Những thẻ này chỉ nên được sử dụng cho mục đích dự định của chúng, tức là. chỉ khi bài viết cần một tiêu đề. Điều này là do các thẻ,..., có ảnh hưởng lớn đến các công cụ tìm kiếm. Nếu bạn sử dụng chúng đúng cách thì khả năng lên top kết quả tìm kiếm là rất cao.
7. Thẻ HTML (căn chỉnh)- Căn chỉnh nội dung ở giữa.
Ví dụ: mã html:
Văn bản này sẽ ở giữaChuyển đổi thành phần sau trên trang:
Văn bản này sẽ ở giữa
Ghi chú- - cho văn bản
- ... - cho mọi thứ (ví dụ: hình ảnh)
- hiển thị phông chữ chỉ số dưới.
Ví dụ: mã html:
Văn bản thuần túy, văn bản xen kẽChuyển đổi thành phần sau trên trang:
Văn bản thuần túy, văn bản xen kẽ
9. Thẻ HTML (văn bản siêu ký tự)- hiển thị phông chữ siêu ký tự.
Ví dụ: mã html:
Văn bản thuần túy, văn bản siêu văn bảnChuyển đổi thành phần sau trên trang:
Văn bản thuần túy, văn bản siêu văn bản
10. Thẻ HTML,, - hiển thị phông chữ lớn hơn/nhỏ hơn một pixel so với kích thước hiện tại (được cho phép bởi tham số kiểu, lớp, id).
Ví dụ: mã html:
Phông chữ thông thường, phông chữ này lớn hơn một pixelChuyển đổi thành phần sau trên trang:
Phông chữ thông thường, phông chữ này lớn hơn một pixel
11. Thẻ HTML- (tạo danh sách)
- Và .
- phần tử đầu tiên của danh sách
- phần tử thứ hai của danh sách
- phần tử đầu tiên của danh sách
- phần tử thứ hai của danh sách
- các phần tử trống - , ,
, , , ,, ,
Dùng để lưu trữ thông tin thêm về trang. Trình duyệt sử dụng thông tin này để xử lý trang và công cụ tìm kiếm- để lập chỉ mục của nó. 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. Phần tài liệu có chứa liên kết điều hướng trên 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 nhú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ể dùng để hiển thị Mã máy tính, tin nhắn E-mail vân vân. 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 phía 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 thể hiện kết quả thực hiện Mã chương trình hoặc kịch bản, cũng như tin nhắn 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 tin bên ngoài kịch bản sử dụ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 , , . Thùng chứa cho 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ẻ. Đặ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ó thể 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ự. 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à con của nó. Tạo các trường nhập văn bản lớn. Định nghĩa chân trang những cái bàn. 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. Những ghi chú cuối cùng
Xuất ra một danh sách (chấp nhận các tham số kiểu, lớp, id). Mọi phần tử mới ghi giữa
Ví dụ: mã html:
Danh sách:Chuyển đổi thành phần sau trên trang:
Danh sách:
Ví dụ: mã html:
| Phần tử 1 dòng 1 | Phần tử thứ 2 ở dòng thứ nhất |
| Phần tử 2 dòng 1 | Phần tử 2 dòng 2 |
Chuyển đổi thành phần sau trên trang:
Tất cả khả năng gắn thẻ
