ROHIT YADAV

When we want to run the html template or html page like :-

URL:-
     file:///home/rohit/Desktop/index.html

We can also run the application in the localhost:-

URL:-
      localhost/index.html

Install Apache:-

sudo apt-get install apache2then goto the /etc/apache2/sites-available/000-default.confDocumentRoot /home/rohit/Downloads/html_pagesinstead of :-#DocumentRoot /var/www/htmlThen go to the :- /etc/apache2/apache2.conf <Directory /> Options FollowSymLinks AllowOverride None Require all denied </Directory> <Directory /usr/share> AllowOverride None Require all granted </Directory> <Directory /home/rohit/Downloads/html_pages> Options Indexes FollowSymLinks AllowOverride None Require all granted </Directory> then run:-In the URL :-localhost/We can also refer :-https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Set_up_a_basic_working_environment

WHEN WE ENTER , SHOW LINE NUMBER IN TEXT AREAHTML PAGE:-

<textarea class="line-numbers" cols="3" readonly="readonly" rows="5"></textarea>
<%= text_area_tag :query_editor, '' :name => "query_editor", :class => "add_query_editor" %>

<script type="text/javascript">
   $(".add_query_editor").keyup(function(event) {
     $(this).prev().height($(this).height());
     $(this).prev()[0].scrollTop = this.scrollTop;
   });

   $(".add_query_editor").keyup(function(event) {
     var elm = $(this);
     var lines = elm.val().split("\n");
     var numbers = "";
     for(var i=0; i<lines.length; i++)
     numbers += (i+1) + "\n";
     elm.prev().val(numbers);
     elm.prev()[0].scrollTop = this.scrollTop;
  });
</script>

<style type="text/css">
   .line-numbers {
      background-color: aqua
      text-align: right;
      position:relative;
…