Tecnología

Inicio

Cómo editar una fuente de HTML

Cómo editar una fuente de HTML


Una de las mejores maneras de aprender desarrollo web es el estudio de la obra de otros desarrolladores. Usted puede aprender trucos HTML, como vuelcos de imágenes y menús animados, copiando el código fuente de una página web y experimentando con él. Alterar la apariencia de una página HTML existente por elementos en movimiento, añadiendo otros nuevos y el cambio de atributos en la sección de hoja de estilos de la página. Si usted no tiene software de edición de HTML, utilice Bloc de notas para realizar los cambios.

Instrucciones

1 Visitar un sitio web que tiene características visuales o interactivos que le gusten.

2 Haga clic en "Ver" en la parte superior del navegador y seleccione "Ver código fuente". El navegador se abrirá una ventana que contiene el código fuente HTML de la página web.

3 Haga clic en cualquier área de la página y seleccione "Copiar".

4 Abra un editor HTML o el Bloc de notas y crear un nuevo documento. Pulse "CTRL + V". Windows le pega el siguiente código HTML en el documento.

5 Pulse "CTRL + V". Windows le pega el siguiente código HTML en el documento.

6 Examine el código. Podrás ver las etiquetas HTML estándar como HTML, el cuerpo y la cabeza. Si la página web utiliza JavaScript, verá etiquetas script también.

7 Encuentra uno de los elementos de la sección del cuerpo del documento. Por ejemplo, si la página tiene un botón, casilla de entrada o de partida, encontrar uno de estos y cambiar la propiedad text del elemento escribiendo un nuevo valor.

8 Añadir elementos adicionales a la página según sea necesario. Por ejemplo, para agregar una nueva imagen, agregue el código siguiente a la sección de cuerpo:

<Img alt = "mi imagen" />

Reemplazar xyz.gif con el nombre de una imagen en su disco duro.

9 Guarde el documento y verlo en su navegador. Podrás ver los cambios realizados.

10 Volver al documento y encontrar la sección de estilo cerca de la parte superior de la página. Aquí es donde los desarrolladores suelen definir los colores, las fuentes, las dimensiones y otras propiedades visuales de los elementos de una página. Por ejemplo, es posible que aparezca una sección de estilo similar a esto:

<Style>

.class1 {color: red; font-weight: bold; altura: 100px; Anchura: 200px; }

</ Style>

Esta clase CSS, "clase 1", se aplicará estos atributos a cualquier elemento de la página que hace referencia a la clase. Alterar algunos de estos valores, guardar la página y ver cómo los cambios afectaron a la página.

11 Continuar para estudiar el código fuente HTML, modificarlo y ver los cambios en el navegador. Si ve un elemento de la página interesante, como un menú transparente con el texto del oro, encontrar ese elemento en el código fuente y averiguar cómo el desarrollador crea el efecto.

Consejos y advertencias

  • Muchos editores de HTML tienen un botón de "Vista Diseño". Estos botones simplifican la tarea de ver los cambios HTML. Haga clic en el botón y se puede ver cómo se verá la página en un navegador sin tener que guardar la página y abrir un navegador.