HTML

syntax is being placed in my textarea in html

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

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="486179-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_capturar-valor-de-title-por-medios-de-class-jquery.html" class="btn btn-dark btn-br">PREVIOUS</a> </td> <td align="right"> <a href=" html_example_multiple-form-submit-for-different-form-action.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_the-template-root-requires-exactly-one-element-eslint-plugin-vue.html" class="a1" target="_self" ><U>The template root requires exactly one element.eslint-plugin-vue</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_one-image-html.html" class="a1" target="_self" ><U>one image html</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_anchor-html.html" class="a1" target="_self" ><U>anchor html</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_botao-enviar-html.html" class="a1" target="_self" ><U>botão enviar html</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_modal-pop-up-html-css.html" class="a1" target="_self" ><U>modal pop up html css</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_selenium-click-not-working.html" class="a1" target="_self" ><U>selenium click not working</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_tables-in-html.html" class="a1" target="_self" ><U>Tables in html</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_change-fill-color-using-javascript.html" class="a1" target="_self" ><U>change fill color using javascript</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_full-height-div-inside-td.html" class="a1" target="_self" ><U>full height div inside td</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_vue-date-pick.html" class="a1" target="_self" ><U>vue-date-pick</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_html-svg.html" class="a1" target="_self" ><U>html svg</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_html-lt-div.html" class="a1" target="_self" ><U>html <div</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_html-blank-space-at-left.html" class="a1" target="_self" ><U>html - blank space at left</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_html-div-element-animation-example.html" class="a1" target="_self" ><U>Html div element animation example</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_tailwind-css-alert.html" class="a1" target="_self" ><U>tailwind css alert</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_h3-in-html.html" class="a1" target="_self" ><U>h3 in html</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_time-mktime.html" class="a1" target="_self" ><U>time.mktime</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_html-search-bar.html" class="a1" target="_self" ><U>html-search-bar</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_how-to-use-font-awesome-icons-in-html.html" class="a1" target="_self" ><U>how to use font awesome icons in html</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_bootstrap-jumbotron-with-navbar.html" class="a1" target="_self" ><U>bootstrap jumbotron with navbar</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_html-table-rowspan.html" class="a1" target="_self" ><U>HTML Table - Rowspan</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_alpinejs-submit-prevent-default.html" class="a1" target="_self" ><U>alpinejs submit prevent default</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_checkbox-value.html" class="a1" target="_self" ><U>checkbox value</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_iframe-syntax.html" class="a1" target="_self" ><U>iframe syntax</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_superscript-the-word-using-html.html" class="a1" target="_self" ><U>Superscript the word using html</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_alpine-function.html" class="a1" target="_self" ><U>alpine function</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_cara-membuat-persegi-di-html.html" class="a1" target="_self" ><U>cara membuat persegi di html</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_input-text-hint.html" class="a1" target="_self" ><U>input text hint</U></a> </th> </tr> </thead> <thead> <tr> <th>Html :: <a href="html_example_animated-text-in-website.html" class="a1" target="_self" ><U>animated text in website</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>