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 trong html

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ẽ 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  Phương thức POST của JQuery Ajax - đăng ví dụ về jquery ajax

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  Cách thay đổi tên cột trong SQL Server: Giải thích cho người mới bắt đầu - sửa đổi tên cột sql

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 những thông tin liên quan đến chủ đề cách tạo bình luận trong html

How To Create a Comments Box Area in HTML & CSS Tutorial || HTML Tutorial || CSS Tutorial

  • Tác giả: Easy WebCode
  • Ngày đăng: 2021-02-06
  • Đánh giá: 4 ⭐ ( 5627 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: How To Create a Comments Box Area in HTML and CSS Tutorial. HTML Tutorial. CSS Tutorial. How to create comment box in html and css. how to create comment box in html.

    Code Editor: Visual Studio Code

    Like our Facebook Page
    https://www.facebook.com/easywebcode7

    How To Create Social Media Buttons Hover Effect Only HTML and CSS: https://youtu.be/hqlu47FX_q8​
    Search Box Design Tutorial Using Only HTML and CSS : https://youtu.be/_F4DdlgQX5U​
    How To Create Website Preloader in HTML and CSS : https://youtu.be/c9tElJYxyxQ​
    How to Create Simple Registration Form using only HTML and CSS || Sign up Page Design Tutorial : https://youtu.be/Pcrd_ObbScs

    – – – – – – – – – – – – – – – – – – – –
    Music Credit:
    Track: Unknown Brain – Why Do I? (ft. Bri Tolani) [NCS Release]
    Music provided by NoCopyrightSounds.
    Watch: https://youtu.be/tcHJodG5hX8​

    Free Download / Stream: http://ncs.io/WhyDoIYO

    Tutorial HTML CSS

Các thẻ HTML tạo form thu thập dữ liệu

  • Tác giả: freetuts.net
  • Đánh giá: 3 ⭐ ( 2558 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Giới thiệu một số thẻ HTML dùng để tạo form nhập dữ liệu thường dùng nhất. Những thẻ html tạo form này mình đã giới thiệu rất nhiều trong mục học HTML / CSS

Thiết lập và quản lý bình luận (comment)

  • Tác giả: thachpham.com
  • Đánh giá: 3 ⭐ ( 8686 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cách quản lý bình luận trên mã nguồn WordPress,cách thiết lập chặn spam cho bình luận,tìm hiểu các chế độ kiểm duyệt bình luận trong WordPress

Thẻ comment trong HTML, tạo chú thích bằng HTML

  • Tác giả: thuthuat.taimienphi.vn
  • Đánh giá: 4 ⭐ ( 9589 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Thẻ comment trong HTML, tạo chú thích bằng HTML

Làm cách nào để tạo bình luận ẩn trong HTML?

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

Comment trong HTML

  • Tác giả: vietjack.com
  • Đánh giá: 3 ⭐ ( 8189 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.

#14 – WP Comments.php | Tùy biến form bình luận và danh sách bình luận

  • Tác giả: goclamweb.com
  • Đánh giá: 3 ⭐ ( 3804 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong bài học này, chúng ta sẽ hoàn thiện phần cuối cùng của template file single.php là hiển thị form bình luận và danh sách bình luận. WordPress cũng cung cấp sẵn khung bình luận mặc định nhưng để phù hợp với template html chúng ta cần tùy chỉnh lại.

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

Xem Thêm  PHP: array_key_exists - mảng có key php

By ads_php