Html

Solo disponible en BuenasTareas
  • Páginas : 7 (1593 palabras )
  • Descarga(s) : 0
  • Publicado : 8 de diciembre de 2011
Leer documento completo
Vista previa del texto
ETIQUETAS DE HTML
Conceptos básicos
La estructura de las etiquetas del HTML es básicamente la siguiente:
[pic]
El texto tendrá las características asignadas por las etiquetas y sus propiedades.
Insertar hipervínculos: La etiqueta utilizada para los hipervínculos es A y sus propiedades principales son HREF (página web o recurso que se está enlazando) y TARGET (indica dónde se abrirá elvínculo: en una nueva ventana, en la actual, etc).
Ejemplo:
Visita el Blog de Onasis
Cuando pongamos un hipervínculo a una imagen debemos de definir la propiedad BORDER con un valor igual a cero. Para evitar que tenga un borde de color azul. Ejemplo:
Listas: Para las listas se utiliza la etiqueta UL (listados sin orden) y OL (listados ordenados numéricamente). Para definir sus elementos se utiliza laetiqueta LI.
Ejemplo:
1. Ejemento uno
2. Elemento dos
3. Elemento tres
Mostrar imágenes (etiqueta img)
La etiqueta IMG de HTML permite mostrar imágenes en las páginas web y blogs. Las propiedades más comunes son:
• SRC: lugar donde se guardó la imagen en Internet),
• BORDER: (tamaño del borde, por defecto las imágenes que tienen enlaces a otros recursos de Internet estevalor es igual a uno y las que no tienen hipervínculo ),
• ALT: (texto a mostrar en caso de que la imagen no aparezca).
Ejemplo:

Para definir una tabla se usa la etiqueta TABLE. Esta tiene dos elementos básicos: TR y TD. El TR define la fila y el TD la celda. La siguiente imagen muestra gráficamente la función de estos dos y la función de las propiedades CELLPADDING y CELLSPACING en laetiqueta TABLE:
[pic]
Ejemplo de notación de la etiqueta alt
Rotulación de la imagen del famoso buscador cumpliendo con la norma del código HTLM 4.01
[pic]
[pic]
Las imágenes espaciadoras en blanco ([pic]), que permiten ajustar la posición de los elementos gráficos de una página web, no requieren de texto alternativo. Sin embargo, la etiqueta 'alt' debe estar presente como se muestra acontinuación:
[pic]

Etiqueta Complementaria para Vínculo

Los vínculos generados en el texto de una página web se rotulan por la misma razón que las imágenes. Para este propósito se utiliza la etiqueta de código HTML 'title'. Esto rige para los vínculos internos (inbound) y externos (outbound). No debe confundirse con la etiqueta título de página.

Ejemplo de notación de la etiqueta title
Elvínculo “páginas web” se rotula como sigue:
[pic]

Texto de las Etiquetas de Vínculo

Se recomienda utilizar al menos una palabra clave del título de la página a la cual apunta el vínculo.

Ejemplo
El vínculo “posicionamiento de sitios” se rotula como sigue:
[pic]

FORMATO DEL COLOR

Atributo face

Define el tipo de letra. Este atributo es interpretado por versiones de Netscape a partirde la 3 y de MSIE 3 o superiores. Otros navegadores las ignoran completamente y muestran el texto con la fuente que utilizan.

Este texto tiene otra tipografía
Este texto tiene otra tipografía
Nota: Aquí tenemos un ejemplo de atributo cuyo valor debe estar limitado por comillas ("). Habíamos dicho que las comillas eran opcionales en los atributos, sin embargo esto no es así siempre. Si elvalor del atributo contiene espacios, como es el caso de:

face="Comic Sans MS,arial,verdana"

debemos colocar las comillas para limitarlo. En caso de no tener comillas

face=Comic Sans MS,arial,verdana

se entendería que face=Comic, pero no se tendría en cuenta todo lo que sigue, porque HTML no lo asociaría al valor del atributo. En este caso HTML pensaría que las siguientes palabras (despuésdel espacio) son otros atributos, pero como no los conoce como atributos simplemente los desestimará.

Atributo size

Define el tamaño de la letra. Este tamaño puede ser absoluto o relativo.

Si hablamos en términos absolutos, existen 7 niveles de tamaño distintos numerados de 1 a 7 por orden creciente. Elegiremos por tanto un valor size="1" para la letra más pequeña o size="7" para la...
tracking img