HTML

syntax is being placed in my textarea in html

<textarea name="comment" rows="5" cols="100"></textarea></br></br>

textarea

<textarea></textarea>

The Element</h4></div> <div class="container"> <pre><code class="language-html"> Element </h2> <div class="answer_info_by"> html by <a href="/profile/naly-moslih" class="user_fun_name">naly moslih</a> <a href="/profile/naly-moslih"><img alt="naly moslih" class="user_snippet_small_profile_image_rounded_geo" src="/profile_images/50_50/1017514_RKY2QanF5wWo8BCx3p9aQXIR9IdkYnma4JtNsKOhOY78H2gFePR4BCb.png"></a>        on May 22 2022 <a class="comment_a_tag" onclick="addNewComment(486467,true)">Comment </a> </div> <div class="clear"></div> </div> <div class="commando-voting-holder"><div answer_id="486467" search_answer_id="526164" geo_answer_result_id="" onclick="doUpvote(event,this)" class="arrow-up "></div><div class="commando-voting-number">0</div><div answer_id="486467" search_answer_id="526164" geo_answer_result_id="" onclick="doDownvote(event,this)" class="arrow-down "></div></div> <textarea geo_answer_result_id="" style="height:63px;" class="code_mirror_code"><textarea name="message" rows="10" cols="30"> The cat was playing in the garden. </textarea></pre></code> </div> <div class="container"> <a href="488329-the-textarea-element.html" class="a1" target="_self" >Comment</a> </div> <div class="container"><hr></div> <div class="container"> <table class="table table-striped"> <thead> <td align="left"> <a href=" html_example_htdocs.html" class="btn btn-dark btn-br">PREVIOUS</a> </td> <td align="right"> <a href=" html_example_object-to-string-angular-html.html" class="btn btn-dark btn-br">NEXT</a> </td> </tr> </thead> </table> </div> <div class="container" align="center"> </div><div class="container"> <table class="table table-striped"> <thead> <tr> <th>Code Example</th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_font-html.html" class="a1" target="_self" ><U>font html</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_bootsrap-cards.html" class="a1" target="_self" ><U>bootsrap cards</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_favicon.html" class="a1" target="_self" ><U>favicon</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_insert-text-html.html" class="a1" target="_self" ><U>insert text html</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_striped-table-bootstrap.html" class="a1" target="_self" ><U>striped table bootstrap</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_bootstrap-hide-navbar.html" class="a1" target="_self" ><U>bootstrap hide navbar</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_html5-time-input.html" class="a1" target="_self" ><U>html5 time input</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_ng-bind-html-vuejs.html" class="a1" target="_self" ><U>ng-bind-html vuejs</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_learn-how-to-program-html.html" class="a1" target="_self" ><U>learn how to program html</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_entrata-alerts.html" class="a1" target="_self" ><U>entrata alerts</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_bootstrap-text-colors-example.html" class="a1" target="_self" ><U>Bootstrap Text Colors Example</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_compress-scss-with-node-sass.html" class="a1" target="_self" ><U>compress scss with node-sass</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_emmet-edit-true-or-false-sublime-text.html" class="a1" target="_self" ><U>emmet edit true or false sublime text</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_shubham-narayan-more-html-notes.html" class="a1" target="_self" ><U>Shubham Narayan More Html Notes</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_thymeleaf-for-each-limit-size.html" class="a1" target="_self" ><U>thymeleaf for each limit size</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_if-the-screen-size-is-then-link-a-css-file-html.html" class="a1" target="_self" ><U>if the screen size is then link a css file html</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_credit-card-formatter-in-html-with-javascript.html" class="a1" target="_self" ><U>credit card formatter in html with javascript</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_take-pictures-html.html" class="a1" target="_self" ><U>TAKE PICTURES HTML</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_how-to-play-a-s3-video-url-in-html-video-tag.html" class="a1" target="_self" ><U>How to play a s3 video url in html video tag?</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_how-to-change-color-in-html-element.html" class="a1" target="_self" ><U>how to change color in html element</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_favicon-icon-404-error-for-html-5.html" class="a1" target="_self" ><U>favicon icon 404 error for html 5</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_boton-en-html-cambiar-texto.html" class="a1" target="_self" ><U>boton en html cambiar texto</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_square-in-html.html" class="a1" target="_self" ><U>square in html</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_html-frame.html" class="a1" target="_self" ><U>html frame</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_how-to-type-amp-in-xml-file.html" class="a1" target="_self" ><U>how to type & in xml file</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_section-tag.html" class="a1" target="_self" ><U>section tag</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_multilevel-list-html.html" class="a1" target="_self" ><U>multilevel list html</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_englais-francais.html" class="a1" target="_self" ><U>englais français</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_create-a-close-x-button-in-html.html" class="a1" target="_self" ><U>create a close x button in html</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_how-to-auto-fit-image-in-div.html" class="a1" target="_self" ><U>how to auto fit image in div</U></a> </th> </tr> </thead> </table> </div> <div class="container"> <div class="card btn-br"> <h5 class="card-header" style="background-color: brown">ADD CONTENT</h5> <div class="card-body"> <div class="row" style="display:block"> <form action="#" method="post" name="fcontent" target="_self" id="fcontent"> <div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text" id="title">Topic</span> </div> <input type="text" class="form-control" aria-label="Default" aria-describedby="title" id="title" name="title" required> </div> <div class="input-group mb-3"> <select class="form-control" id="type" name="type" required> <option value="">Open this select type</option> <option value="abap">Abap</option> <option value="actionscript">Actionscript</option> <option value="assembly">Assembly</option> <option value="basic">Basic</option> <option value="c">C</option> <option value="clojure">Clojure</option> <option value="cobol">Cobol</option> <option value="cpp">Cpp</option> <option value="csharp">Csharp</option> <option value="css">Css</option> <option value="dart">Dart</option> <option value="elixir">Elixir</option> <option value="erlang">Erlang</option> <option value="excel">Excel</option> <option value="gdscript">Gdscript</option> <option value="html">Html</option> <option value="java">Java</option> <option value="javascript">Javascript</option> <option value="lisp">Lisp</option> <option value="lua">Lua</option> <option value="matlab">Matlab</option> <option value="pascal">Pascal</option> <option value="perl">Perl</option> <option value="php">Php</option> <option value="powershell">Powershell</option> <option value="python">Python</option> <option value="r">R</option> <option value="ruby">Ruby</option> <option value="rust">Rust</option> <option value="scala">Scala</option> <option value="shell">Shell</option> <option value="sql">Sql</option> <option value="swift">Swift</option> <option value="typescript">Typescript</option> </select> </div> <div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text" id="content">Content</span> </div> <textarea class="form-control" id="content" name="content" rows="3" required>