Làm cách nào để tạo một dòng không hoạt động trong html?

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 trên thực tế bằng cách truy cập View -> Developer -> View Source – 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 người khác xem 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 cách thực hành tốt để tuân 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à quá trình suy nghĩ của bạn với chính bạn (và những người khác). Nó cũng nhắc nhở bạn đang nghĩ/làm gì khi quay lại dự án sau nhiều tháng không thực hiệ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ã

Cách Viết Nhận xét Một dòng trong HTML

Nhận xét một 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 chú thích 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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- Add the navbar here -->
    <h2>About me</h2>
    <p>I am learning to code with freeCodeCamp.</p>
    <p>I am going through each and every one of their awesome and super helpful  certifications. </p>
    <p>I am on my way to becoming a fullstack web developer!</p>
    <h3>Work Experience</h3>
</body>
</html>

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ị nhầm lẫn về vị trí của thẻ đóng

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <section class="contact">
    </section> <!--closing tag of contact section is here-->
</body>
</html>

Cách viết chú thích nội tuyến trong HTML

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

Chỉ văn bản bên trong <!-- --> sẽ đượ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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>I am <!--going to be--> a web developer</p>
</body>
</html>

Cách viết chú thích nhiều dòng trong HTML

Nhận xét cũng có thể trải rộng trên nhiều dòng, sử dụng chính xác cú pháp mà bạn đã thấy cho đến nay

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>I am  a web developer</p>
    <!--This is going to be my portfolio.
    It will show off the projects that I'm most proud of.
    I could go on and on about what I want to add
    because I am writing a multi-line comment here-->
</body>
</html>

Cách bình luận một thẻ trong HTML

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 <!-- -->, như vậy


!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2>My portfolio page</h2>
    <h3>freeCodeCamp certification projects</h3>
    <!-- <section class="hero">
    </section>  -->
    <h2>About Me</h2>
</body>
</html>

Nhận xét các thẻ giúp gỡ lỗi

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

Phím tắt để thêm nhận xét HTML

Có các 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à

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- Add the navbar here -->
    <h2>About me</h2>
    <p>I am learning to code with freeCodeCamp.</p>
    <p>I am going through each and every one of their awesome and super helpful  certifications. </p>
    <p>I am on my way to becoming a fullstack web developer!</p>
    <h3>Work Experience</h3>
</body>
</html>
1 đối với người dùng Mac hoặc
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- Add the navbar here -->
    <h2>About me</h2>
    <p>I am learning to code with freeCodeCamp.</p>
    <p>I am going through each and every one of their awesome and super helpful  certifications. </p>
    <p>I am on my way to becoming a fullstack web developer!</p>
    <h3>Work Experience</h3>
</body>
</html>
2 đối với 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ị bên trên trong trình chỉnh sửa mã. Sau đó, toàn bộ dòng bạn đang bật sẽ được nhận xét. 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 nhận xét một dòng. Bạn sẽ cần thêm 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 được hiển thị trước đó. Mỗi dòng bạn đã chọn bây giờ sẽ có một bình luận

Phần kết luận

Và bạn đã có nó – bây giờ bạn đã biết cách thức 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

  • Hướng dẫn HTML - Khóa học về sự cố trang web cho người mới bắt đầu
  • Khóa học đầy đủ về HTML - Hướng dẫn xây dựng trang web

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

Đó là lý tưởng cho người mới bắt đầu hoàn thành và giả định không có kiến ​​thức trước đó. Bạn sẽ bắt đầu từ những điều cơ bản tuyệt đối cần thiết 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 đã đọc và học tập vui vẻ. )

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO


Làm cách nào để tạo một dòng không hoạt động trong html?
Dionysia Lemonaki

Học một cái gì đó mới mỗi ngày và viết về nó


Nếu bài viết này hữu ích, hãy tweet nó

Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu

Mã để ẩn văn bản trong HTML là gì?

---" và "--->" để ẩn văn bản trong mẫu trang web để có thể sử dụng lại cho nhiều mục đích. Khi chỉnh sửa một trang trong Canvas bằng cách sử dụng chế độ xem mã HTML, mã sau dấu "

Mã màu xám trong HTML là gì?

#808080 Mã màu HTML (Xám).