#Implementación de una solución con JS/HTML

En base al **edit** que está más abajo, y a que el OP compartió el formato de su tabla, se puede **plantear una implementación**.

Teniendo en cuenta que trabajamos sobre un **solo archivo prueba.html**.

El mismo posee la **tabla HTML**, y unos `<input>` para añadir registros a la misma.  

El  método es, mediante un **botón Agregar**, añadir los datos ingresados en los input al **DOM** de la página mediante JavaScript.

Y finalmente, se hayan añadido cuantos registros al DOM como se deseen, se puede guardar con el botón **Guardar**. El mismo utiliza también JavaScript para descargar un archivo con el nombre  **prueba.html**.

**Aquí viene la implementación**: si **configuras en el navegador** utilizado, colocándole como **carpeta por defecto** en Descargas **la misma carpeta donde se encuentra el original prueba.html**, estarías **escribiendo sobre el mismo**, pudiendo almacenar todas las **modificaciones** hechas desde el navegador sobre el source-code.

El código de **prueba.html** es el siguiente:

    <!DOCTYPE HTML>
    <html><head>
    <script>
    
    function agregartabla() {
    var table = document.getElementById("mitabla");
    
    // Create an empty <tr> element and add it to the 1st position of the table:
    var row = table.insertRow(-1);
    
    // Insert new cells (<td> elements) at the 1st and 2nd position of the "new" <tr> element:
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    var cell3 = row.insertCell(2);
    var cell4 = row.insertCell(3);
    
    // Add some text to the new cells:
    
    
    var linkaagregar = document.getElementById("dirlink");
    var nombre = document.getElementById("nombre");
    var tipo = document.getElementById("tipo");
    var autor = document.getElementById("autor");
    
    cell1.innerHTML = '<a href="' + linkaagregar.value + '">' + nombre.value + '</a>';
    cell2.innerHTML = tipo.value;
    cell3.innerHTML = autor.value;
    cell4.innerHTML = nombre.value;
    
    linkaagregar.value = '';
    nombre.value = '';
    tipo.value = '';
    autor.value = '';
    }
    
    var Download = {
        click : function(node) {
            var ev = document.createEvent("MouseEvents");
            ev.initMouseEvent("click", true, false, self, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
            return node.dispatchEvent(ev);
        },
        encode : function(data) {
           
                return 'data:application/octet-stream;base64,' + btoa( data );
        },
        link : function(data, name){
            var a = document.createElement('a');
            a.download = name || self.location.pathname.slice(self.location.pathname.lastIndexOf('/')+1);
            a.href = data || self.location.href;
            return a;
        }
    };
    Download.save = function(data, name){
        this.click(
            this.link(
                this.encode( '<!DOCTYPE HTML>' + '\n' + document.documentElement.outerHTML ),
                name
            )
        );
    };
    
    
    </script>
    </head>
    <body>
          <table id="mitabla">
    
          <thead>
            <tr>
              <th id="nombArchivo" align="center">Archivo</th>
              <th id="tipoArchivo" align="center">Tipo</th>
              <th id="autoArchivo" align="center">Autor (es)</th>
              <th id="descArchivo">Descripcion</th>
            </tr>
          </thead>
    
          <tbody>
    
            <tr>
              <td><a href="link del archivo">nombre del archivo</a> </td>
              <td>tipo de archivo</td>
              <td>autor del archivo</td>
              <td>nombre del archivo</td>
            </tr>
    
     
            <tr><td><a href="linkdelarchivo">Prueba 1</a></td><td>PDF</td><td>Agustin</td><td>Prueba 1</td></tr></tbody></table>
    
                <input type="text" id="dirlink"><input type="text" id="tipo"><input type="text" id="autor"><input type="text" id="nombre">
    <button onclick="agregartabla();">Agregar</button><br><a onclick="Download.save('hello world', 'prueba.html');"><button>Guardar</button></a> 
    
    
    </body></html>

Te dejo unas capturas de como funciona.

[![introducir la descripción de la imagen aquí][1]][1]

# **EDIT:** Respuesta Alternativa

**Puedes implementar algo en base** a lo que te voy a mostrar, se **puede armar un código** que solo **utiliza HTML y JavaScript** donde puedes **descargar un texto**, o el código HTML de una página como en este ejemplo:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    var Download = {
        click : function(node) {
            var ev = document.createEvent("MouseEvents");
            ev.initMouseEvent("click", true, false, self, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
            return node.dispatchEvent(ev);
        },
        encode : function(data) {
           
                return 'data:application/octet-stream;base64,' + btoa( data );
        },
        link : function(data, name){
            var a = document.createElement('a');
            a.download = name || self.location.pathname.slice(self.location.pathname.lastIndexOf('/')+1);
            a.href = data || self.location.href;
            return a;
        }
    };
    Download.save = function(data, name){
        this.click(
            this.link(
                this.encode( '<!DOCTYPE HTML>' + '\n' + document.documentElement.outerHTML ),
                name
            )
        );
    };


<!-- language: lang-html -->

    <a onclick="Download.save('hello world', 'my_file.txt');"><button>Clickea para guardar</button></a> 


<!-- end snippet -->


Se me ocurrió que puedes valerte de esto, para crear un botón que sea "Guardar", y modifiques la linea que nombra al archivo `my_file.txt` y ponerle `tabla.html`, y guardarlo físicamente escribiendo sobre el anterior tabla.html

**Es una posible implementación.**



**Primer respuesta:**  

La respuesta es con **JavaScript / HTML no se puede.** 

**Si encuentras una solución**, en base a **navegadores o a Notepad++**, no creo que sea sin utilizar alguna especie de **plugin** o de programa externo.

Te ahorré un poco de trabajo de búsqueda, y te contesto con algunas cosas que se me ocurrió buscar ya que tu pregunta también me interesó:

1. Editar con JavaScript el código fuente de una página HTML:
[Pregunta en SO.][2]  
Respuesta traducida

>La respuesta es que **no puedes hacer eso usando JavaScript**. **JavaScript** sólo es capaz de manipular un **DOM (Document Object Model)**. No hay acceso al sistema de archivos del servidor ni al sistema de archivos local (esto se debe a la limitación de seguridad del navegador). Es posible que **necesite un script del lado del servidor como PHP** para guardar el código modificado enviado por una solicitud POST como este tipo. Y el script de PHP del lado del servidor para sobrescribir el archivo original y tan pronto como se realiza la solicitud de Ajax, es necesario actualizar la ventana del navegador. Espero que esta ayuda te lo haya explicado.


  [1]: https://i.sstatic.net/Y5XTH.jpg
  [2]: https://stackoverflow.com/questions/13405129/javascript-create-and-save-file