Cómo editar archivos html
Si prefiere llamar a los sitios web a mano, puede editar archivos HTML en un editor de texto básico como Bloc de notas (Windows) o TextEdIt (MacOS). Si prefiere poder mover elementos en la pantalla y ver las vistas previas en vivo, puede usar un WYSIWYG (lo que ve es lo que obtiene) Editor como Dreamweaver o Kompozer. Thysteaches, cómo abrir y editar un archivo HTML en una aplicación estándar o de edición visual.
Pasos
Método 1 de 4:
Usando un bloc de notas en Windows1. Haga clic en el botón de inicio de Windows


2. Tipo Bloc. Esto muestra el bloc de notas en el menú de inicio.

3. Hacer clic Bloc. Tiene un icono que se asemeja a una libreta con una cubierta azul.

4. Hacer clic Archivo. Está en la parte superior de la barra de menú en el bloc de notas. Esto muestra un menú desplegable. Esto muestra un navegador de archivos que puede usar para abrir archivos en el Bloc de notas.

5. Hacer clic Abierto. Es la segunda opción en el menú desplegable del archivo.

6. Seleccione "Todos los archivos" En el menú desplegable Tipo de archivo. Haga clic en el menú desplegable que dice "Documentos de texto (.TXT)" y seleccione "Todos los archivos" En el menú desplegable. Esto muestra todos los tipos de documentos (incluidos los archivos HTML) en el navegador de archivos.

7. Seleccione un archivo HTML y haga clic en Abierto. Esto abre el documento HTML en el Bloc de notas. Puede editar el código HTML en el Bloc de notas.

8. Editar el código HTML. Para editar HTML en el Bloc de notas, deberá aprender html para que puedas editarlo a mano. Elementos comunes que puede editar incluyen los siguientes.
Texto de titular
: Estas etiquetas crean etiquetas de titulares. El texto entre el "" y "
" Las etiquetas aparecen como un texto en negrita grande. El texto va en el cuerpo del documento HTML.Texto de párrafo
: Estas etiquetas se utilizan para crear texto de párrafo en un documento HTML. El texto que va entre "" y "
" Aparece como texto de tamaño normal. El texto va en el cuerpo del documento HTML.
9. Hacer clic Archivo. Está en la barra de menú en la parte superior de la pantalla.

10. Hacer clic Guardar como. Esto abre un cuadro de diálogo que puede usar para guardar su archivo.

11. Seleccione "Todos los archivos". Use el menú desplegable SIGUIENTE para guardar como tipo" para seleccionar "Todos los archivos".

12. Escriba un nombre para el archivo. Usa la caja junto a "Nombre del archivo" Para escribir un nombre para el archivo.

13. Tipo .html al final del archivo. Después de escribir un nombre para el archivo en el "Nombre del archivo" caja, agregue la extensión ".html" al final del nombre del archivo. Sin esta extensión, guardará el archivo como un .archivo TXT, en lugar de un archivo HTML.

14. Hacer clic Ahorrar. Esto guarda el archivo.
Método 2 de 4:
Usando textedit en mac1. Haga clic en el icono de la lupa


2. Tipo Textedit En la barra de búsqueda. Esto muestra una lista de aplicaciones que coinciden con su resultado de búsqueda.

3. Hacer clic Textedit.app. Está en la cima de los resultados de búsqueda. Es al lado de un icono que se asemeja a una hoja de papel y una pluma.

4. Hacer clic Archivo. Está en la barra de menú en la parte superior de la pantalla cuando TextEdit está abierto.

5. Hacer clic Abierto. Esto abre un navegador de archivos que puede usar para navegar por su Mac y abrir archivos.

6. Haga clic en un archivo HTML y haga clic en Abierto. Los archivos HTML tienen una extensión que dice ".html" Después del nombre del archivo. Use el navegador de archivos para navegar a un archivo HTML y haga clic en él para seleccionarlo. Luego haga clic Abierto Para abrir el archivo HTML en TextEdit.

7. Editar el código HTML. Puede usar TextEdit para editar el código HTML en HACER. Necesitas aprender html para que puedas editarlo a mano. Elementos comunes que puede editar incluyen los siguientes.
Texto de titular
: Estas etiquetas crean etiquetas de titulares. El texto entre el "" y "
" Las etiquetas aparecen como un texto en negrita grande. El texto va en el cuerpo del documento HTML.Texto de párrafo
: Estas etiquetas se utilizan para crear texto de párrafo en un documento HTML. El texto que va entre "" y "
" Aparece como texto de tamaño normal. El texto va en el cuerpo del documento HTML.
8. Hacer clic Archivo. Está en la barra de menú en la parte superior de la pantalla.

9. Hacer clic Ahorrar. Está en el menú desplegable a continuación "Archivo". Esto guarda el archivo HTML.
Método 3 de 4:
Usando Dreamweaver1. Abre Dreamweaver. Dreamweaver tiene un icono que se parece a un cuadrado verde que dice "Dw" en el medio. Haga clic en el icono en el menú Inicio de Windows, o carpeta de aplicaciones en Mac para abrir Dreamweaver.
- Adobe Dreamweaver requiere un suscripción. Puede comprar una suscripción a partir de $ 20.99 al mes.

2. Hacer clic Archivo. Está en la barra de menú en la parte superior para la pantalla.

3. Hacer clic Abierto. Está en el menú desplegable a continuación "Archivo".

4. Seleccione un documento HTML y haga clic en Abierto. Use el navegador de archivos para seleccionar un documento HTML en su computadora y haga clic en él para seleccionarlo. Luego haga clic Abierto En la esquina inferior derecha.

5. Hacer clic Separar. Es la pestaña central en la parte superior de la página. Esto muestra una pantalla dividida que contiene un editor HTML en la pantalla inferior y una vista previa en la parte superior.

6. Editar el documento HTML. Utilice el editor HTML para editar HTML. La forma en que edita HTML en Dreamweaver no es demasiado diferente de la edición HTML en Notepad o TextEdit. A medida que escribe una etiqueta HTML, aparecerá un menú de búsqueda con las etiquetas HTML coincidentes. Puede hacer clic en la etiqueta HTML para insertar sus etiquetas de apertura y cierre. Dreamweaver revisará para asegurarse de que hay etiquetas de apertura y cierre para todos sus elementos HTML.

7. Hacer clic Archivo. Cuando haya terminado de editar el documento HTML, haga clic en Archivo En la barra de menú en la parte superior de la pantalla.

8. Hacer clic Ahorrar. Está en el menú desplegable a continuación Archivo. Esto guarda su documento HTML.
Método 4 de 4:
Usando kompozer1. Ir https: // sourceforge.red / proyectos / kompozer / En un navegador web. Puede usar cualquier navegador web en PC o Mac. Esta es la página de descarga para Kompozer. Es un editor HTML (WYSIWYG) gratuito que funciona tanto en Windows como en Mac.

2. Hacer clic Descargar. Es el botón verde cerca de la parte superior de la página. Esto lo lleva a una página de descarga separada. Después de un retraso de 5 segundos, su descarga comenzará.

3. Haga doble clic en el archivo de instalación. De forma predeterminada, sus archivos descargados se pueden encontrar en su "Descargas" Carpeta en PC o Mac. También puede hacer clic en ellos en su navegador web para iniciar el instalador de KompoZer. Use las siguientes instrucciones para instalar KompoZer:

4. Abierto kompozer. Utilice los siguientes pasos para abrir KompoZER en PC o Mac

5. Hacer clic Archivo. Está en la barra de menú en la parte superior de la aplicación.

6. Hacer clic Abrir documento. Es la segunda opción en el menú desplegable a continuación "Archivo". Esto abre un navegador de archivos que puede usar para seleccionar un archivo HTML abierto.

7. Haga clic en un archivo HTML y haga clic en Abierto. Esto abre el archivo HTML en Kompozer.

8. Hacer clic Separar. Es la pestaña central en la parte superior de la página. Esto muestra una pantalla dividida que contiene un editor HTML en la pantalla inferior y una vista previa en la parte superior.

9. Editar el documento HTML. La pantalla del código fuente HTML está en la parte inferior, puede usar esta pantalla para editar HTML de la misma manera que lo haría en el bloc de notas o textEdit. También puede usar la pantalla de vista previa para editar su HTML utilizando los siguientes pasos:

10. Haga clic en el Ahorrar icono. Una vez que haya terminado de realizar cambios en su documento, haga clic en el Ahorrar Icono en la parte superior de la pantalla. Está por debajo de un icono que se asemeja a un disquete. Esto ahorra tu trabajo.
Advertencias
Recuerde guardar su documento mientras edita. Algo podría ir mal en cualquier momento.