Tecnología

Inicio

Cómo editar una página HTML

June 1

Cómo editar una página HTML


Conocer cómo editar el código HTML es una habilidad indispensable cuando usted tiene su propio sitio web. Incluso cuando se utilizan las herramientas de creación Web que manejan el código para usted, es posible que tenga que modificar el código sí mismo para obtener resultados específicos. Si utiliza una plantilla de diseño Web, editar el código HTML es necesaria para personalizar la plantilla. Al experimentar con diferentes etiquetas HTML y atributos, se puede aprender a personalizar su sitio web.

Instrucciones

1 Descargar e instalar un editor HTML gratuito como KompoZer o HTML Kit. Es necesario un editor HTML para modificar las páginas HTML. Si no desea instalar un nuevo programa, puede utilizar el Bloc de notas.

2 Guarde la página HTML que desea editar en el disco duro. Haga clic en el menú "Archivo" y seleccione "Guardar como". Escriba un nuevo nombre de archivo o utilizar el nombre del archivo original, y haga clic en "Guardar".

3 Abrir y ver su página HTML con el Explorador de Windows. Decidir qué cambios hacer.

4 Abre el archivo HTML con el programa de edición de HTML. Haga clic en el archivo, elegir la opción "Abrir con" y seleccione el editor de HTML que haya instalado.

5 Ver su página en la vista código HTML. Si utiliza el Bloc de notas o un editor basado en texto, que siempre estará a la vista código crudo. Si utiliza Dreamweaver u otro editor de páginas Web visual (conocido como un editor WYSIWYG), puede cambiar entre la edición visual y cruda de código (texto).

6 Consulte a un manual de HTML. Busque la etiqueta que desea editar si no está seguro del código correcto para su uso. Un manual de HTML explica los usos, atributos y valores de cada etiqueta. Cada etiqueta tiene un propósito. Por ejemplo, una etiqueta establece un título, texto del cuerpo, un párrafo o una mesa. Buscar las etiquetas que desea editar en el código.

7 Haga clic en una etiqueta HTML para editarla. Para insertar una nueva etiqueta, escriba el nombre de la etiqueta y rodearla de flechas y una barra. Cada etiqueta HTML comienza con una etiqueta adjunta en flechas como <p> o <body> y termina con la etiqueta adjunta en flechas y una barra como </ p> y </ body>. Para añadir un atributo a una etiqueta, escriba el atributo al lado del nombre de la etiqueta con un signo igual y cotizaciones. Por ejemplo, para añadir el atributo de alineación de la etiqueta <p>, utilice <p align = ""> </ p>. Para introducir un valor para el atributo, escriba el valor entre comillas, utilice <p align = "center"> </ p>.

8 Añadir texto a su página Web. Haga clic entre las etiquetas HTML de inicio y fin. Escriba el texto que desea que aparezca en la página. El espacio entre un par de etiquetas HTML se puede utilizar para el texto. Por ejemplo, escriba el título de la página entre las etiquetas <title> y </ title> etiquetas de la siguiente manera: <title> Mi pagina </ title>.

9 Guardar y ver los cambios. Haga clic en "Archivo" y seleccione "Guardar como" o "Guardar". Abra el archivo en el explorador Web para ver los cambios. Algunos programas de edición de HTML tienen una opción "vista previa", que le permite ver los cambios.

10 Cargar los cambios en su servidor web. Una vez que haya terminado de hacer cambios, subir el nuevo archivo en su sitio web utilizando un cliente FTP, de su proveedor de alojamiento web utilidad integrada de carga de archivos o la función de la carga en su programa de edición.

Consejos y advertencias

  • Mantenga un manual de HTML a mano.
  • Guarde el archivo HTML original que desea editar, y no sobrescribirlo. Editar y guardar en un archivo nuevo. Si al final de lamentar los cambios realizados, volver al archivo original.
  • Utilice un editor dedicado HTML en lugar de un procesador o editor de texto sin formato palabra. editores de HTML tienen numerosas características que hacen más fácil la codificación. Por ejemplo, un programa de edición puede que le avise a los errores en el código. Etiquetas, atributos, valores y otros elementos del código se les asigna un color único, por lo que es más fácil identificar código específico cuando se edita.
  • Añadir comentarios a las etiquetas para que sea más fácil la identificación de las etiquetas en una fecha posterior. comentarios HTML se escriben entre <! - y ->. Por ejemplo, <! - Esta es la etiqueta de párrafo. ->.