HTML Elementos Básicos

Elementos Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio y una etiqueta de cierre. Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas.

Elementos

Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (p.ej. ) y una etiqueta de cierre (p.ej.). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (p.ej. Contenido). Algunos elementos,tales como
, no tienen contenido ni llevan una etiqueta de cierre. Debajo se listanvarios tipos de elementos de marcado usados en HTML. Estructura general de una línea de código en el lenguaje de etiquetas HTML El marcado

ESTRUCTURAL

describe el propósito del texto. Por ejemplo, Golf
establece a "Golf" como un encabezamiento de segundo nivel, el cual se mostraría en unnavegador de una manera similar al título "Marcado HTML" al principio de estasección. El marcado estructural no define cómo se verá el elemento, pero la mayoría delos navegadores web han estandarizado el formato de los elementos. Un formatoespecífico puede ser aplicado al texto por medio dehojas de estilo en cascada. El marcado

PRESENTACIONAL

describe la apariencia del texto, sin importar su función. Porejemplo, negrita indica que los navegadores web visuales deben mostrar el texto en negrita , pero no indica qué deben hacer los navegadores web que muestran elcontenido de otra manera (por ejemplo, los que leen el texto en voz alta). En el caso de negrita e itálica, existen elementos que se ven de la misma manera perotienen una naturaleza más semántica: enfásis fuerte yénfasis. Es fácil ver cómo unlector de pantalladebería interpretar estos doselementos. Sin embargo, son equivalentes a sus correspondientes elementospresentacionales: un lector de pantalla no debería decir más fuerte el nombre de unlibro, aunque éste esté en itálicas en una pantalla. La mayoría del marcadopresentacional ha sido desechada con HTML 4.0, en favor deHojas de estilo encascada. El marcado

HIPERTEXTUAL

Se utiliza para enlazar partes del documento con otros documentos o con otras partes del mismo documento. Para crear un enlace es necesario utilizar la etiqueta de ancla junto con el atributo href, que establecerá la dirección URL a la que apunta el enlace. Por ejemplo, un enlace a la Wikipedia sería de la forma Wikipedia. También se pueden crear enlaces sobreotros objetos, tales como imágenes.

ACTIVIDAD

1.       Consulta que es el HTML haciendo un poco de historia

2.       Diseña un mapa conceptual sintetizando la estructura básica del HTML

3.       Desarrolla los 3 ejercicios prácticos propuestos en clase e identifica la función que                     cumplen las etiquetas trabajadas.