Array ( [0] => canvas-tag [1] => center-tag [2] => tag-figcaption [3] => ref-attributes [4] => html-audio [5] => html-basic [6] => html-blocks [7] => html-canvas [8] => caption-tag [9] => html-charset [10] => html-classes [11] => col-tag [12] => colgroup-tag [13] => html-color-names-for-browsers [14] => html-colors-hex [15] => html-colors-hsl [16] => html-colors [17] => html-colors-rgb [18] => html-comments [19] => html-computercode [20] => html-css [21] => data-tag [22] => datalist-tag [23] => dd-tag [24] => html-div-tag [25] => html-dl-tag [26] => html-draganddrop [27] => html-editors [28] => html-elements [29] => html-emojis [30] => html-entities [31] => html-favicon [32] => tag-figure [33] => html-filepaths [34] => tag-footer [35] => html-form-elements [36] => html-form-attributes-form [37] => html-form-input-types [38] => html-formatting [39] => html-forms-attributes [40] => html-forms [41] => html-geolocation [42] => global-attributes [43] => html-headings [44] => html-heads [45] => html-id [46] => html-iframes [47] => html-images [48] => html-images-map [49] => html-images-picture [50] => html-input-attributes [51] => html-introduction [52] => html-iso-country-codes-reference [53] => html-javascript [54] => html-layouts [55] => html-links [56] => html-links-bookmarks [57] => html-links-colors [58] => html-lists [59] => html-lists-ordered [60] => html-lists-other [61] => html-media [62] => html-object [63] => html-paragraphs [64] => html-quotations [65] => html-responsive [66] => html-semantics [67] => html-serversentevents [68] => html-styles [69] => html-svg [70] => html-symbols [71] => html-syntax [72] => html-table-borders [73] => html-table-colgroup [74] => html-table-colspan-rowspan [75] => html-table-headers [76] => html-table-padding-and-spacing [77] => html-table-sizes [78] => html-table-styling [79] => html-tables [80] => tag-body [81] => tag-br [82] => tag-cite [83] => tag-code [84] => tag-del [85] => html-tag-details [86] => tag-dfn [87] => tag-dialog [88] => tag-dir [89] => tag-dt [90] => tag-em [91] => tag-embed [92] => tag-font [93] => tag-head [94] => tag-header [95] => tag-hn [96] => tag-i [97] => tag-img [98] => tag-kbd [99] => tag-legend [100] => tag-li [101] => tag-meta [102] => tag-nav [103] => tag-noframes [104] => tag-optgroup [105] => tag-output [106] => tag-param [107] => tag-tfoot [108] => tag-th [109] => html-tags-list [110] => html-unordered-lists [111] => html-urlencode [112] => html-video [113] => html-video-tag [114] => html-webstorage [115] => html-webworkers [116] => html-xhtml [117] => html-youtube [118] => http-status-messages [119] => html-attributes [120] => ref-av-dom [121] => ref-canvas [122] => ref-charactersets [123] => ref-event-attributes [124] => ref-html-browser-support [125] => ref-httpmethods [126] => ref-keyboardshortcuts [127] => ref-language_codes [128] => ref-pxtoemconversion [129] => ref-urlencode [130] => tag-a [131] => tag-abbr [132] => tag-acronym [133] => tag-address [134] => tag-applet [135] => tag-area [136] => tag-article [137] => tag-aside [138] => tag-audio [139] => tag-b [140] => tag-base [141] => tag-basefont [142] => tag-bdi [143] => tag-bdo [144] => tag-big [145] => tag-blockquote [146] => tag-button [147] => tag-comment [148] => tag-doctype [149] => tag-fieldset [150] => tag-form [151] => tag-frame [152] => tag-frameset [153] => tag-hr [154] => tag-html [155] => tag-iframe [156] => tag-input [157] => tag-ins [158] => tag-label [159] => tag-link [160] => tag-main [161] => tag-map [162] => tag-mark [163] => tag-meter [164] => tag-noscript [165] => tag-object [166] => tag-ol [167] => tag-option [168] => tag-p [169] => tag-picture [170] => tag-pre [171] => tag-progress [172] => tag-q [173] => tag-rp [174] => tag-rt [175] => tag-ruby [176] => tag-s [177] => tag-samp [178] => tag-script [179] => tag-section [180] => tag-select [181] => tag-small [182] => tag-source [183] => tag-span [184] => tag-strike [185] => tag-strong [186] => tag-style [187] => tag-sub [188] => tag-summary [189] => tag-sup [190] => tag-svg [191] => tag-table [192] => tag-tbody [193] => tag-td [194] => tag-template [195] => tag-textarea [196] => tag-thead [197] => tag-time [198] => tag-title [199] => tag-tr [200] => tag-track [201] => tag-tt [202] => tag-u [203] => tag-ul [204] => tag-var [205] => tag-wbr [206] => html-draganddrop [207] => html-geolocation [208] => html-serversentevents [209] => html-webstorage [210] => html-webworkers [211] => ref-attributes [212] => html-color-names-for-browsers [213] => global-attributes [214] => ref-av-dom [215] => ref-canvas [216] => ref-charactersets [217] => ref-event-attributes [218] => ref-html-browser-support [219] => ref-httpmethods [220] => ref-keyboardshortcuts [221] => ref-language_codes [222] => ref-pxtoemconversion [223] => ref-urlencode [224] => canvas-tag [225] => center-tag [226] => tag-figcaption [227] => caption-tag [228] => col-tag [229] => colgroup-tag [230] => data-tag [231] => datalist-tag [232] => dd-tag [233] => html-div-tag [234] => html-dl-tag [235] => tag-figure [236] => tag-footer [237] => tag-body [238] => tag-br [239] => tag-cite [240] => tag-code [241] => tag-del [242] => html-tag-details [243] => tag-dfn [244] => tag-dialog [245] => tag-dir [246] => tag-dt [247] => tag-em [248] => tag-embed [249] => tag-font [250] => tag-head [251] => tag-header [252] => tag-hn [253] => tag-i [254] => tag-img [255] => tag-kbd [256] => tag-legend [257] => tag-li [258] => tag-meta [259] => tag-nav [260] => tag-noframes [261] => tag-optgroup [262] => tag-output [263] => tag-param [264] => tag-tfoot [265] => tag-th [266] => html-tags-list [267] => html-video-tag [268] => tag-a [269] => tag-abbr [270] => tag-acronym [271] => tag-address [272] => tag-applet [273] => tag-area [274] => tag-article [275] => tag-aside [276] => tag-audio [277] => tag-b [278] => tag-base [279] => tag-basefont [280] => tag-bdi [281] => tag-bdo [282] => tag-big [283] => tag-blockquote [284] => tag-button [285] => tag-comment [286] => tag-doctype [287] => tag-fieldset [288] => tag-form [289] => tag-frame [290] => tag-frameset [291] => tag-hr [292] => tag-html [293] => tag-iframe [294] => tag-input [295] => tag-ins [296] => tag-label [297] => tag-link [298] => tag-main [299] => tag-map [300] => tag-mark [301] => tag-meter [302] => tag-noscript [303] => tag-object [304] => tag-ol [305] => tag-option [306] => tag-p [307] => tag-picture [308] => tag-pre [309] => tag-progress [310] => tag-q [311] => tag-rp [312] => tag-rt [313] => tag-ruby [314] => tag-s [315] => tag-samp [316] => tag-script [317] => tag-select [318] => tag-small [319] => tag-source [320] => tag-span [321] => tag-strike [322] => tag-strong [323] => tag-style [324] => tag-sub [325] => tag-summary [326] => tag-sup [327] => tag-svg [328] => tag-table [329] => tag-tbody [330] => tag-td [331] => tag-template [332] => tag-textarea [333] => tag-thead [334] => tag-time [335] => tag-title [336] => tag-tr [337] => tag-track [338] => tag-tt [339] => tag-u [340] => tag-ul [341] => tag-var [342] => tag-wbr )

HTML Tutorial
HTML Forms
HTML Graphics
- HTML Canvas
- HTML SVG
HTML Media
HTML APIs
HTML References
HTML Tags
- <!-->
- <!DOCTYPE>
- <a>
- <abbr>
- <acronym>
- <address>
- <applet>
- <area>
- <article>
- <aside>
- <audio>
- <b>
- <base>
- <basefont>
- <bdi>
- <bdo>
- <big>
- <blockquote>
- <body>
- <br>
- <button>
- <canvas>
- <caption>
- <center>
- <cite>
- <code>
- <col>
- <colgroup>
- <data>
- <datalist>
- <dd>
- <del>
- <details>
- <dfn>
- <dialog>
- <dir>
- <div>
- <dl>
- <dt>
- <em>
- <embed>
- <fieldset>
- <figcaption>
- <figure>
- <font>
- <footer>
- <form>
- <frame>
- <frameset>
- <h1> - <h6>
- <head>
- <header>
- <hr>
- <html>
- <i>
- <iframe>
- <img>
- <input>
- <ins>
- <kbd>
- <label>
- <legend>
- <li>
- <link>
- <main>
- <map>
- <mark>
- <meta>
- <meter>
- <nav>
- <noframes>
- <noscript>
- <object>
- <ol>
- <optgroup>
- <option>
- <output>
- <p>
- <param>
- <picture>
- <pre>
- <progress>
- <q>
- <rp>
- <rt>
- <ruby>
- <s>
- <samp>
- <script>
- <section>
- <select>
- <small>
- <source>
- <span>
- <strike>
- <strong>
- <style>
- <sub>
- <summary>
- <sup>
- <svg>
- <table>
- <tbody>
- <td>
- <template>
- <textarea>
- <tfoot>
- <th>
- <thead>
- <time>
- <title>
- <tr>
- <track>
- <tt>
- <u>
- <ul>
- <var>
- <video>
- <wbr>

Comments In HTML

We are examining Html comments with examples. HTML comments are useful for documenting your HTML source code but are hidden from the browser.

A comment is a line of code that is not read by web browsers. To indicate sections of a document, as well as any other notes to anyone looking at the code, it is helpful to add comments to your HTML code. Code comments improve readability and help you and others understand your code.

HTML Comment Tags

The following syntax can be used to add comments to your HTML source code:

Example

<!DOCTYPE html> <html> <body>  </body> </html>

You will notice that the start tag has an exclamation point(!), but the end tag does not.

It is important to note that the browser does not show comments, but it can help document your HTML source code.

Your HTML code can include information and reminders with comments when it comes to Html comments:

Example

<!DOCTYPE html> <html> <body>  <p>And this is a paragraph.</p>  </body> </html>

Multiline Comment

By using HTML code, we can render comments on multiple lines at the same time. With these multiline comments, it is possible to provide explanations about particular codes or multiple line codes that can be used for debugging purposes and so on.

Syntax

<!—

You have commented your code.

Describe the code in detail.

There will be no display on the webpage.

–>

Example:

<!DOCTYPE html> <html> <body> <h2>Jeff Bezos</h2>  <p>Jeffrey Preston Bezos is an American entrepreneur, media proprietor, investor, and commercial astronaut. He is the founder, executive chairman, and former president and CEO of Amazon.</p> </body> </html>

Commenting Style Sheets

The use of style sheets with HTML will be covered in another tutorial, but at the moment you should be aware that if you are using Cascading Style Sheets (CSS) in your HTML code, you should place the style sheet code within HTML comments so that old browsers will be able to see it.

Example:

<!DOCTYPE html> <html> <head> <title>Style sheet comment</title> <style>  </style> </head> <body> <div class="main">This is a main div</div> </body> </html>

For this reason, comments are extremely useful for debugging HTML since they authorize you to examine for bugs by separately commenting out HTML lines of code:

Example

<!DOCTYPE html> <html> <body>  </body> </html>

Conclusion

Adding HTML comments to web pages can help web developers keep track of notes, reminders, and other information. HTML comments make it easy to track your code, collaborate with other developers, and improve the quality of your web content.

HTML comments can also be used to temporarily remove code from your web page without removing it entirely. You can use this for troubleshooting and testing your web content.

Adding comments to HTML allows web developers to create code that is cleaner, more efficient, and better organized.

Make sure you make use of HTML comments the next time you are creating a web page to enhance the quality of your content and improve your workflow.

If this article somehow met your educational needs, do share it with your friend developers using the platforms as facebook,twitter and etc below.

We value your feedback.

6 thoughts on “Html Comments Complete Guide with Examples”

Samnang88 says:

December 17, 2023 at 2:47 pm

This piece of writing offers clear idea for the new users
of blogging, that genuinely how to do running
a blog.

Reply
viamarket-viacenter.com says:

December 20, 2023 at 11:53 am

Great post. I was checking constantly this weblog and I’m inspired!
Very useful info particularly the ultimate part 🙂 I deal with such
info much. I was seeking this certain information for a very long time.
Thanks and best of luck.

Reply
healthy says:

December 26, 2023 at 6:09 am

Unquestionably believe that that you stated.

Your favorite justification appeared to be on the internet the simplest thing to keep in mind of.

I say to you, I definitely get irked while people think about issues that they just do not know about.
You controlled to hit the nail upon the highest as well as
outlined out the entire thing without having side-effects , people can take
a signal. Will probably be again to get more. Thank you

Reply
web site says:

January 3, 2024 at 10:26 am

Howdy I am so excited I found your web site, I really found you by accident, while I was
searching on Askjeeve for something else, Nonetheless I am here now and would just like
to say kudos for a incredible post and a all round thrilling blog (I also love the theme/design), I don’t have time to read through it all
at the minute but I have bookmarked it and
also included your RSS feeds, so when I have time I will be
back to read much more, Please do keep up the fantastic job.

Reply
Bali flights and hotel says:

January 30, 2024 at 11:56 am

Bravo! Your article doesn’t just educated me on this subject
but additionally instilled inspiration for deeper investigation into the subject.
Keep up the excellent work!

Reply
Bali Island says:

February 6, 2024 at 2:08 pm

Informative and useful – that’s what I appreciate about your blog posts.
This one on this topic is no different. The suggestions and advice you offer are actionable and make a significant impact.

Reply