Trong bài viết này, bạn sẽ học cách thêm nhận xét đơn và nhiều dòng vào tài liệu HTML của mình. Bạn cũng sẽ thấy lý do tại sao nhận xét được coi là một phương pháp hay khi viết mã HTML. Bắt đầu nào! Thẻ nhận xét HTML Cú pháp chung cho một nhận xét HTML trông giống như sau: Bạn đang xem: cách tạo nhận xét html

Trong này bài viết này, bạn sẽ học cách thêm nhận xét đơn và nhiều dòng vào tài liệu HTML của mình.

Bạn cũng sẽ biết lý do tại sao nhận xét được coi là một phương pháp hay khi viết mã HTML.

Hãy bắt đầu!

Cú pháp chung cho một nhận xét HTML trông giống như sau:

  & lt;! - Tôi là một bình luận! - & gt;
 

Nhận xét trong HTML bắt đầu bằng & lt;! - và kết thúc bằng - & gt; .

Đừng quên dấu chấm than ở đầu thẻ! Nhưng bạn không cần thêm nó vào cuối.

Thẻ bao quanh bất kỳ văn bản hoặc thẻ HTML nào khác mà bạn muốn nhận xét.

Nhận xét HTML không được hiển thị trong trình duyệt. Điều này có nghĩa là bất kỳ nhận xét nào bạn thêm vào mã nguồn HTML của mình sẽ không được hiển thị khi tài liệu được hiển thị trong trình duyệt web.

Điều đó đang được nói, hãy nhớ rằng bất kỳ ai cũng có thể xem mã nguồn của mọi trang web được xuất bản trên Internet bằng cách truy cập View - & gt; Nhà phát triển - & gt; Xem Nguồn – và điều này cũng bao gồm tất cả các nhận xét!

Vì vậy, nhận xét của bạn sẽ hiển thị cho những người khác biết nếu bạn đặt tài liệu HTML ở chế độ công khai và họ chọn xem mã nguồn.

Viết nhận xét là hữu ích và đó là một phương pháp hay để làm theo khi viết mã nguồn. Nhận xét giúp bạn ghi lại và giao tiếp về mã và quy trình suy nghĩ của bạn cho chính bạn (và những người khác). Nó cũng nhắc nhở bạn những gì bạn đang nghĩ / làm khi quay lại một dự án sau nhiều tháng không thực hiện nó.

Nhận xét cũng giúp bạn giao tiếp với các nhà phát triển khác đang làm việc trong dự án với bạn. Nhận xét của bạn có thể giải thích rõ ràng cho họ lý do tại sao bạn thêm một số dòng mã nhất định.

Một nhận xét đơn dòng chỉ kéo dài một dòng. Như đã đề cập trước đó, dòng đó sẽ không được hiển thị trong trình duyệt.

Sử dụng nhận xét một dòng khi bạn muốn giải thích và làm rõ mục đích đằng sau mã theo sau nó hoặc khi bạn muốn thêm lời nhắc cho chính mình như vậy:

  & lt;! DOCTYPE html & gt;
& lt; html lang = "vi" & gt;
& lt; đầu & gt;
    & lt; meta charset = "UTF-8" & gt;
    & lt; meta http-equiv = "X-UA-Tương thích" content = "IE = edge" & gt;
    & lt; meta name = "viewport" content = "width = device-width, initial-scale = 1.0" & gt;
    & lt; title & gt; Tài liệu & lt; / title & gt;
& lt; / head & gt;
& lt; body & gt;
    & lt;! - Thêm thanh điều hướng tại đây - & gt;
    & lt; h2 & gt; Giới thiệu về tôi & lt; / h2 & gt;
    & lt; p & gt; Tôi đang học viết mã với freeCodeCamp. & lt; / p & gt;
    & lt; p & gt; Tôi đang xem qua từng chứng chỉ tuyệt vời và siêu hữu ích của họ. & lt; / p & gt;
    & lt; p & gt; Tôi đang trên đường trở thành nhà phát triển web fullstack! & lt; / p & gt;
    & lt; h3 & gt; Kinh nghiệm làm việc & lt; / h3 & gt;
& lt; / body & gt;
& lt; / html & gt;
 

Nhận xét một dòng cũng hữu ích khi bạn muốn làm rõ vị trí kết thúc của thẻ. Điều này rất hữu ích trong một tài liệu HTML dài và phức tạp, nơi có nhiều thứ đang diễn ra và bạn có thể bối rối không biết thẻ đóng nằm ở đâu.

  & lt;! DOCTYPE html & gt;
& lt; html lang = "vi" & gt;
& lt; đầu & gt;
    & lt; meta charset = "UTF-8" & gt;
    & lt; meta http-equiv = "X-UA-Tương thích" content = "IE = edge" & gt;
    & lt; meta name = "viewport" content = "width = device-width, initial-scale = 1.0" & gt;
    & lt; title & gt; Tài liệu & lt; / title & gt;
& lt; / head & gt;
& lt; body & gt;
    & lt; section class = "contact" & gt;
    & lt; / phần & gt; & lt;! - thẻ đóng của phần liên hệ ở đây - & gt;
& lt; / body & gt;
& lt; / html & gt;
 

Bạn cũng có thể thêm nhận xét vào giữa câu hoặc dòng mã.

Xem Thêm  Toán tử SQL IN - sử dụng trong sql

Chỉ văn bản bên trong & lt;! - - & gt; mới được nhận xét và phần còn lại của văn bản bên trong thẻ sẽ không bị ảnh hưởng.

  & lt;! DOCTYPE html & gt;
& lt; html lang = "vi" & gt;
& lt; đầu & gt;
    & lt; meta charset = "UTF-8" & gt;
    & lt; meta http-equiv = "X-UA-Tương thích" content = "IE = edge" & gt;
    & lt; meta name = "viewport" content = "width = device-width, initial-scale = 1.0" & gt;
    & lt; title & gt; Tài liệu & lt; / title & gt;
& lt; / head & gt;
& lt; body & gt;
    & lt; p & gt; Tôi & lt;! - sắp - & gt; nhà phát triển web & lt; / p & gt;
& lt; / body & gt;
& lt; / html & gt;
 

Nhận xét cũng có thể kéo dài nhiều dòng, sử dụng cùng một cú pháp mà bạn đã thấy cho đến nay.

 & lt;! DOCTYPE html & gt;
& lt; html lang = "vi" & gt;
& lt; đầu & gt;
    & lt; meta charset = "UTF-8" & gt;
    & lt; meta http-equiv = "X-UA-Tương thích" content = "IE = edge" & gt;
    & lt; meta name = "viewport" content = "width = device-width, initial-scale = 1.0" & gt;
    & lt; title & gt; Tài liệu & lt; / title & gt;
& lt; / head & gt;
& lt; body & gt;
    & lt; p & gt; Tôi là nhà phát triển web & lt; / p & gt;
    & lt;! - Đây sẽ là danh mục đầu tư của tôi.
    Nó sẽ giới thiệu những dự án mà tôi tự hào nhất.
    Tôi có thể tiếp tục về những gì tôi muốn thêm
    bởi vì tôi đang viết một nhận xét nhiều dòng ở đây - & gt;
& lt; / body & gt;
& lt; / html & gt;
 

Vậy nếu bạn muốn nhận xét một thẻ trong HTML thì sao?

Bạn bọc thẻ bạn đã chọn trong & lt;! - - & gt; , như vậy:

 
! DOCTYPE html & gt;
& lt; html lang = "vi" & gt;
& lt; đầu & gt;
    & lt; meta charset = "UTF-8" & gt;
    & lt; meta http-equiv = "X-UA-Tương thích" content = "IE = edge" & gt;
    & lt; meta name = "viewport" content = "width = device-width, initial-scale = 1.0" & gt;
    & lt; title & gt; Tài liệu & lt; / title & gt;
& lt; / head & gt;
& lt; body & gt;
    & lt; h2 & gt; Trang danh mục đầu tư của tôi & lt; / h2 & gt;
    & lt; h3 & gt; freeCodeCamp dự án chứng nhận & lt; / h3 & gt;
    & lt;! - & lt; section class = "hero" & gt;
    & lt; / phần & gt; - & gt;
    & lt; h2 & gt; Giới thiệu về Tôi & lt; / h2 & gt;
& lt; / body & gt;
& lt; / html & gt;
 

Nhận xét về các thẻ sẽ giúp gỡ lỗi.

Xem Thêm  JavaScript If-Else và If-Then - Câu lệnh điều kiện JS - if và else if trong javascript

Khi điều gì đó không hoạt động theo cách nó phải làm hoặc chúng theo cách bạn dự định, hãy bắt đầu nhận xét từng thẻ riêng lẻ từng thẻ một. Điều này cho phép bạn kiểm tra chúng và xem cái nào đang gây ra sự cố.

Có những phím tắt bạn có thể sử dụng để thêm nhận xét – và có thể bạn sẽ sử dụng chúng rất nhiều. Phím tắt là Command / cho người dùng Mac hoặc Control / cho người dùng Windows và Linux.

Để thêm nhận xét một dòng, chỉ cần giữ tổ hợp phím được hiển thị ở trên bên trong trình chỉnh sửa mã. Sau đó, toàn bộ dòng bạn đang xem sẽ được bình luận. Chỉ cần lưu ý rằng vì mọi thứ sẽ được nhận xét trên dòng đó, điều này chỉ hoạt động đối với các nhận xét đơn dòng. Bạn sẽ cần thêm các nhận xét nội tuyến theo cách thủ công.

Để thêm nhận xét nhiều dòng, hãy chọn và đánh dấu tất cả văn bản hoặc thẻ bạn muốn nhận xét và giữ hai phím hiển thị trước đó. Giờ đây, mỗi dòng bạn đã chọn sẽ có một nhận xét.

Kết luận

Và bạn đã có nó – bây giờ bạn biết cách và lý do sử dụng nhận xét trong HTML!

Tìm hiểu thêm về HTML bằng cách xem các video sau trên kênh YouTube của freeCodeCamp:

freeCodeCamp cũng cung cấp chứng nhận miễn phí dựa trên dự án về Thiết kế web đáp ứng .

Nó là lý tưởng cho những người mới bắt đầu hoàn chỉnh và không có kiến ​​thức trước đó. Bạn sẽ bắt đầu từ những điều cơ bản cần thiết tuyệt đối và xây dựng các kỹ năng của mình khi bạn tiến bộ. Cuối cùng, bạn sẽ hoàn thành năm dự án.

Cảm ơn bạn đã đọc và chúc bạn học vui vẻ 🙂

Xem Thêm  Thủ thuật CSS cho Tiêu đề, Phông chữ và Tạo kiểu Văn bản - thay đổi phông chữ tiêu đề css


Xem thêm những thông tin liên quan đến chủ đề làm thế nào để đưa ra nhận xét html

Cách chuyển file HTML lên WEB

  • Tác giả: Mr. Thuỷ Còi
  • Ngày đăng: 2021-06-21
  • Đánh giá: 4 ⭐ ( 3040 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Take Divi for a Free Test Drive and explore the surprising power of the Visual Builder.

BLOG CHUYÊN VĂN: CHỈ VỚI 120 PHÚT, LÀM THẾ NÀO ĐỂ BÀI THI HỌC SINH GIỎI ĐƯỢC TỐT?

  • Tác giả: blogchuyenvan.blogspot.com
  • Đánh giá: 5 ⭐ ( 2905 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Bí quyết tạo động lực cho nhân viên làm việc hiệu quả

  • Tác giả: timviec365.vn
  • Đánh giá: 3 ⭐ ( 9891 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Doanh nghiệp có phát triển hay không thì nhờ vào một phần quan trọng của nhân viên, chính vì vậy hãy bỏ túi ngay cách tạo động lực cho nhân viên để họ có niềm tin mà làm việc hăng say hơn.

Comment trong HTML

  • Tác giả: vietjack.com
  • Đánh giá: 5 ⭐ ( 5778 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Comment 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ì, comment trong HTML, 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.

6 cách giúp cấp trên quản lý nhân sự được cấp dưới nể nang

  • Tác giả: www.vietnamworks.com
  • Đánh giá: 3 ⭐ ( 4146 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Các nghiên cứu về các nhà quản lý và công ty luôn chỉ ra rằng khả năng lãnh đạo hiệu quả sẽ cải thiện cả các chỉ số nội bộ, như tỷ lệ giữ chân nhân viên và các chỉ số bên ngoài, như hiệu quả tài chính.

[HTML] Bài 1 – Làm Thế Nào Để Tạo Ra Một Trang Web?

  • Tác giả: viblo.asia
  • Đánh giá: 3 ⭐ ( 7827 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Chào mừng bạn đã tới với series “Tự Học Lập Trình Web Một Cách Thật Tự Nhiên”. Loạt bài viết hướng dẫn trong series này được tạo ra với mục đích chia sẻ kiến thức và trải nghiệm tự học lập trình web…

Cách Nhận xét Ra một Dòng hoặc Thẻ trong HTML

  • Tác giả: kiemlua24h.co
  • Đánh giá: 5 ⭐ ( 1000 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong bài viết này, bạn sẽ học cách thêm nhận xét đơn và nhiều dòng vào tài liệu HTML của mình.Bạn cũng sẽ thấy lý do tại sao nhận xét được coi là một ..

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

By ads_php