Tecnología

Inicio

Cómo editar etiquetas HTML

Cómo editar etiquetas HTML


HyperText Markup Language, más comúnmente conocido como HTML, es un lenguaje de programación que consiste en comandos que indican un navegador de Internet qué hacer. Estos comandos, denominados etiquetas, se pueden modificar para satisfacer los deseos del programador. Tres etiquetas editan con mayor frecuencia son los que tienen que ver con imágenes, texto e hipervínculos. Todos ellos comienzan con una etiqueta básica (o bloque de texto) y luego se expanden.

Instrucciones

etiquetas de imagen

1 Comience con la etiqueta de imagen básica de <IMG SRC = "http://www.example.com/image.jpg">. Esta etiqueta coloca la imagen designada en una página Web.

2 Ajuste la altura y la anchura de la imagen en píxeles añadiendo la siguiente:

<IMG SRC = "http://www.example.com/image.jpg" height = "xx" width = "xx">

Sustituto de la "xx" para entrar en las dimensiones que desea para su imagen. Esto se puede utilizar para crear versiones más pequeñas o más grandes sin la posibilidad de subir múltiples copias de una imagen.

3 Añadir un borde a la imagen con el texto siguiente:

<IMG SRC = "http://www.example.com/image.jpg" BORDER = "3">

En este caso, un borde de 3 píxeles aparecerá alrededor de la imagen. El ancho del borde se puede ajustar a lo que quieras.

4 Agregar texto alternativo a una imagen con el código:

<IMG SRC = "http://www.example.com/image.jpg" ALT = "texto alternativo">.

Si el cursor se lleva a cabo sobre la imagen, las palabras "texto alternativo" aparecerá. Este comando se utiliza a menudo para describir la imagen, ya que el texto también aparece si la imagen no se puede cargar.

Texto

5 Escribir un bloque de texto en el documento HTML.

6 Lugar <STRONG> frente al texto y </ STRONG> detrás de ella para hacer que el texto en negrita.

7 Convertir el texto en cursiva con <em> y </ EM> etiquetas.

8 Utilice las etiquetas <font face = "xx"> alrededor del texto </ FONT> para producir una de varias fuentes comunes utilizados por la mayoría de los navegadores. Sus opciones son Ariel, cómico sin, Courier, Impacto, Times New Roman y Verdana.

9 El texto entre las etiquetas <font size = "x"> y </ FONT> para ajustar el tamaño del texto. Se puede ir de 1 (el más pequeño) a 7 (el más grande).

10 Cambiar el color del texto con las etiquetas <font color = "# 000000"> y </ FONT>. Este utiliza un código hexadecimal, que es un número de seis dígitos que representa un color. son posibles cientos de colores con los códigos hexadecimales.

También puede simplemente escribir el nombre de un color en lugar del código hexadecimal, pero sus opciones será mucho más limitado.

Los hipervínculos

11 Escriba el siguiente código básico para un hipervínculo:

<A HREF="Click"> http://www.example.com "> Haga clic aquí </A>

12 Vincular a un área específica de una página mediante la colocación de un anclaje al comienzo de esta sección. Por ejemplo:

Sección 3 <A NAME="3"> </A>

Editar el texto del hipervínculo de la siguiente manera:

<A HREF="Click"> http: //www.example.com#3 "> Haga clic aquí </A>

13 Abrir un enlace en una página nueva, añadiendo el siguiente código:

<A HREF="http://www.example.com" target="_blank"> Click Aquí </A>

Esto le permite proporcionar enlaces de distancia de su página, manteniendo la página abierta.

Consejos y advertencias

  • Las letras mayúsculas se utilizan para la diferenciación en los ejemplos. HTML no es sensible a mayúsculas.